07 / Campaign crop

One key visual, every crop.

Drag the focal point on the master. Every format re-frames around it, live.

00 / Master · 1500 × 1000Focal 72 · 31
Model wearing a burgundy leather coat in a limestone pavilion

Each crop keeps the focal point on its nearest rule-of-thirds line, clamped to the image edges. Arrow keys move it · Home resets.

Formatobject-position
16:9 Web hero50.0% 18.4%
4:5 Feed post78.1% 50.0%
1:1 Square82.7% 50.0%
9:16 Story / Reel75.2% 50.0%
1.91:1 Link preview50.0% 22.5%
3:1 Banner50.0% 28.7%
16:950 · 1801 Web hero
4:578 · 5002 Feed post
9:1675 · 5004 Story / Reel
1:183 · 5003 Square
1.91:150 · 2205 Link preview
3:150 · 2906 Banner
Numbers under each crop are CSS object-position values. Safe areas are approximate guides — check each platform’s current specs.

Create a free website with Framer, the website builder loved by startups, designers and agencies.