OPF Image Treatment

Image Strip

A row or column of cropped images creates a fast visual survey without becoming a collage.

image-stripNative OPF

Best Fit

Event recaps, customer proof, portfolio snapshots, and process overviews.

Photography Guidance

Use images with similar exposure and color temperature. Crop consistently so the strip feels intentional.

Avoid

Avoid image strips when each image requires individual explanation.

Treatment Practices

1

Keep gutters consistent and narrow.

2

Limit the strip to three to five images.

3

Use one text anchor outside the strip to explain why the images matter.

OPF Config

image-treatments:image-strip
Open Presentation Format
{
  "slide": {
    "layout": "image-strip",
    "elements": [
      {
        "id": "strip-image-1",
        "type": "image",
        "src": "https://example.com/photo-1.jpg",
        "alt": "First image in strip",
        "fit": "cover",
        "position": {
          "x": 8,
          "y": 62
        },
        "size": {
          "width": 25,
          "height": 22,
          "unit": "%"
        }
      },
      {
        "id": "strip-image-2",
        "type": "image",
        "src": "https://example.com/photo-2.jpg",
        "alt": "Second image in strip",
        "fit": "cover",
        "position": {
          "x": 37.5,
          "y": 62
        },
        "size": {
          "width": 25,
          "height": 22,
          "unit": "%"
        }
      },
      {
        "id": "strip-image-3",
        "type": "image",
        "src": "https://example.com/photo-3.jpg",
        "alt": "Third image in strip",
        "fit": "cover",
        "position": {
          "x": 67,
          "y": 62
        },
        "size": {
          "width": 25,
          "height": 22,
          "unit": "%"
        }
      }
    ]
  }
}
Open in OPF Playground

Preview this config live at pptx.dev/playground.

Related How-To Articles

How to Add Images to PowerPoint Slides with pptx.dev

Learn how to embed images in PowerPoint presentations using the pptx.dev API — including cropped, fitted, and multi-image layouts.

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.

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.