Layout Pattern
Image 2x Fit
Image 2x Fit OPF layout with 2 fit image zones.
Image2 zonesCenter alignedFit
How to Use It
Image 2x Fit OPF layout with 2 fit image zones. OPF placeholders: picture, picture.
Content Zones
Try dynamic composition
Explore how a text slide reflows as you change its content and shape. These examples use OPF’s shared composition rules; the copied document includes your choices.
All sample text fits within its content areas.
View the complete OPF example
{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "Dynamic composition example",
"design": {
"dimensions": {
"widthInches": 13.333333333333334,
"heightInches": 7.5
}
},
"slides": [
{
"title": "Let the content find its space",
"composition": {
"mode": "auto"
},
"blocks": [
{
"text": "Start with the decision. State what the audience should understand or do."
},
{
"text": "Show the evidence. Give each supporting idea enough space to be read."
},
{
"text": "Make the next step clear. Keep the action specific and easy to remember."
}
]
}
]
}Composition rules and examples as JSON · Pagination rules and example JSON
Related Layouts
Similar OPF layout slugs with matching content types, spatial patterns, or presentation use cases.
Visual Storytelling
Image 2x Fit SlideImage
Image 2x Fit SlideImage OPF layout with 2 fit image zones.
/layouts/image-2x-fit-slideimage
Visual Storytelling
Image 2x Fit Title Center
Image 2x Fit Title Center OPF layout with 2 fit image zones and a slide title.
/layouts/image-2x-fit-title-center
Visual Storytelling
Image 2x Fit Title Center SlideImage
Image 2x Fit Title Center SlideImage OPF layout with 2 fit image zones and a slide title.
/layouts/image-2x-fit-title-center-slideimage
Visual Storytelling
Image 2x Crop
Image 2x Crop OPF layout with 2 crop image zones.
/layouts/image-2x-crop
Visual Storytelling
Image 2x Crop SlideImage
Image 2x Crop SlideImage OPF layout with 2 crop image zones.
/layouts/image-2x-crop-slideimage
Visual Storytelling
Image 2x Crop Title Center
Image 2x Crop Title Center OPF layout with 2 crop image zones and a slide title.
/layouts/image-2x-crop-title-center
OPF Config
layouts:image-2x-fitOpen Presentation Format
{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — layouts/image-2x-fit",
"tags": [
"gallery:layouts/image-2x-fit"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "image-2x-fit",
"blocks": [
{
"image": {
"src": "data:image/png;base64,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",
"alt": "Illustrative landscape"
}
},
{
"image": {
"src": "data:image/png;base64,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",
"alt": "Illustrative landscape"
}
}
],
"design": {
"contentBox": false,
"contentAlignment": "center",
"imageFill": "fit",
"contentDirection": "horizontal"
}
}
],
"catalogs": {
"layouts": {
"records": [
{
"$schema": "https://openpresentation.org/schema/opf-layout/v1",
"id": "image-2x-fit",
"name": "Image_2x_Fit",
"label": "Image 2x Fit",
"contentAlignment": "Center",
"contentBox": false,
"contentMultiple": "2x",
"contentTypeChartPrimary": "None",
"contentTypeImageFill": "Fit",
"contentTypeListBullet": "None",
"contentTypeListHeading": false,
"contentType": "Image",
"groupDefault": false,
"groupHash": "01f8a4a26af22662cde9565b0b5b921bef86e6f373df3a77fe6bd82d4a3044f9",
"master": "Dark",
"masterSlideIndex": 115,
"slideImage": false,
"slideImageAlignment": "None",
"slideLayoutDirection": "Horizontal",
"slideTitle": false,
"slideTitleAlignment": "None",
"summary": "Canonical OPF image 2x layout.",
"description": "Image 2x Fit OPF layout with 2 fit image zones.",
"tags": [
"Image",
"2 zones",
"Center aligned",
"Fit"
],
"preview": {},
"details": "Image 2x Fit OPF layout with 2 fit image zones. OPF placeholders: picture, picture.",
"category": "visual-storytelling",
"zones": [
{
"role": "picture",
"placeholder": "picture content 1"
},
{
"role": "picture",
"placeholder": "picture content 2"
}
],
"spatialCategory": "2 zone row",
"contentTypeTags": [
"comparison",
"mixed",
"image"
],
"placeholders": [
{
"type": "picture"
},
{
"type": "picture"
}
],
"composition": {
"mode": "row"
},
"slideSubtitle": false
}
]
}
}
}Open in OPF PlaygroundOpen in visual editor
Preview this config live at pptx.dev/playground, or load it in the gallery visual editor.