OPF Image Treatment

Text Overlay

Text sits over photography with a controlled overlay layer for readability.

text-overlayComposed OPF

Best Fit

Hero statements, quotes, impact statistics, and chapter openers.

Photography Guidance

Choose imagery with low-detail space behind the headline. Add an overlay strong enough to pass contrast checks without hiding the image's subject.

Avoid

Avoid placing paragraph-length text over busy photography.

OPF Coverage Note

OPF v1 composes this with an image element plus a semi-transparent shape overlay and text element.

Treatment Practices

1

Keep overlay opacity consistent across a deck.

2

Place text away from faces, product details, and busy textures.

3

Use short lines and high-contrast type.

OPF Config

image-treatments:text-overlay
Open Presentation Format
{
  "slide": {
    "layout": "image-focus",
    "elements": [
      {
        "id": "background-photo",
        "type": "image",
        "src": "https://example.com/photo.jpg",
        "alt": "Background photograph",
        "fit": "cover",
        "position": {
          "x": 0,
          "y": 0
        },
        "size": {
          "width": 100,
          "height": 100,
          "unit": "%"
        }
      },
      {
        "id": "readability-overlay",
        "type": "shape",
        "shape": "rectangle",
        "fill": "rgba(30, 24, 20, 0.58)",
        "position": {
          "x": 0,
          "y": 0
        },
        "size": {
          "width": 100,
          "height": 100,
          "unit": "%"
        }
      },
      {
        "id": "headline",
        "type": "text",
        "content": {
          "text": "A decisive visual statement."
        },
        "position": {
          "x": 9,
          "y": 58
        },
        "size": {
          "width": 52,
          "height": 18,
          "unit": "%"
        }
      }
    ]
  }
}
Open in OPF Playground

Preview this config live at pptx.dev/playground.

Related How-To Articles

How to Place, Size, and Overlay Images in PowerPoint

Master image placement, sizing, cropping, and overlay techniques to create polished, professional presentation slides.

How to Design Image-Focused Full-Bleed Slides in PowerPoint

Use full-bleed photography and imagery to create high-impact presentation slides that command attention.

How to Use Color to Guide Attention

Color is your most powerful tool for directing where the eye goes. Here's how to use it intentionally in PowerPoint.

General Image Rules

1

Crop with intent

Choose fit, position, and size based on the subject and message, not just available space.

2

Protect readability

Text over images needs enough contrast, an intentional overlay, or a separate text surface.

3

Respect image truth

Avoid filters or crops that distort evidence, screenshots, charts, or compliance imagery.

4

Keep a system

Use a small set of image treatments consistently so photo-heavy decks still feel coherent.