OPF Image Treatment

Background Blur

A blurred image becomes an atmospheric backdrop while a sharp panel carries the message.

background-blurExtension pending

Best Fit

Title slides, product context, event recaps, and image-backed quote slides.

Photography Guidance

Use a recognizable but non-essential image. The blurred version should support mood, not carry evidence.

Avoid

Avoid background blur for data evidence, legal screenshots, or details users need to inspect.

OPF Coverage Note

OPF v1 does not expose blur filters on image elements. Use this slug to track blur support in renderers.

Treatment Practices

1

Use blur only on background imagery, not the core evidence image.

2

Add a solid text panel when blur alone does not provide enough contrast.

3

Keep the focal image available elsewhere if precision matters.

OPF Config

image-treatments:background-blur
Open Presentation Format
{
  "slide": {
    "layout": "image-focus",
    "elements": [
      {
        "id": "blurred-background",
        "type": "image",
        "src": "https://example.com/context.jpg",
        "alt": "Blurred contextual background",
        "fit": "cover",
        "position": {
          "x": 0,
          "y": 0
        },
        "size": {
          "width": 100,
          "height": 100,
          "unit": "%"
        },
        "filter": {
          "blur": 18
        }
      }
    ]
  }
}
Open in OPF Playground

Preview this config live at pptx.dev/playground.

Related How-To Articles

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.