OPF Image Treatment

Side-by-Side

An image and content panel share the slide, giving visual context without sacrificing explanation.

side-by-sideNative OPF

Best Fit

Case studies, product explanations, before-and-after comparisons, and profile slides.

Photography Guidance

Use a photo whose subject reads well in a vertical crop. Keep the image subject oriented toward the text side when possible.

Avoid

Avoid side-by-side treatments when the image needs panoramic scale.

Treatment Practices

1

Use a clear 50/50 or 40/60 split and align content to the same grid.

2

Keep the crop simple enough to scan at thumbnail size.

3

Match image directionality to the reading flow.

OPF Config

image-treatments:side-by-side
Open Presentation Format
{
  "slide": {
    "layout": "image-left",
    "elements": [
      {
        "id": "supporting-photo",
        "type": "image",
        "src": "https://example.com/photo.jpg",
        "alt": "Supporting photograph",
        "fit": "cover",
        "position": {
          "x": 0,
          "y": 0
        },
        "size": {
          "width": 46,
          "height": 100,
          "unit": "%"
        }
      },
      {
        "id": "body-copy",
        "type": "text",
        "content": {
          "text": "Explain the image with a concise headline and supporting point."
        },
        "position": {
          "x": 54,
          "y": 24
        },
        "size": {
          "width": 36,
          "height": 38,
          "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 Create Two-Column Comparison Layouts in PowerPoint

Learn when and how to use two-column layouts for side-by-side comparisons that communicate clearly.

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.