Quick answer: resizing changes the canvas; recomposing changes the design. A square graphic cropped to a story is a resize, and it usually cuts the subject or buries the caption under the platform's UI. Each placement needs its own focal point, margins, and type scale.

What the resize actually does

Take a square launch graphic — headline top, product centered, caption bottom — and crop it to 9:16. The product stays centered, but the headline now sits in the zone where the platform draws the account name, and the caption lands where the buttons are. The same pixels, in a different frame, become a different and worse design.

Automatic resizing tools solve the canvas problem, not the composition problem. They fit the image into the ratio; they do not move the claim to where it is visible.

The three frame families

Frame Ratio Focal placement Margin discipline
Vertical 9:16 Upper-middle, centered Respect top and bottom safe zones
Square 1:1 Center Symmetric, generous
Wide 16:9 Left or right third Leave room for UI and captions

The vertical frame is the hardest because the platform overlays occupy the most real estate: roughly 14% of the top and 35% of the bottom on Reels. The wide frame is the easiest to get wrong because the eye reads left to right and a centered subject wastes two-thirds of the frame.

What recomposing changes

  • Focal point. In the vertical frame the subject moves up, out of the bottom overlay. In the wide frame it moves to a third.
  • Type scale. A headline sized for a square is too large for the vertical safe zone and too small for a wide banner.
  • Number of elements. A wide frame can hold a product and a caption side by side; a story should hold one.
  • Direction. Vertical reads top to bottom; wide reads left to right. The layout follows the reading direction.

The shortcut that works

Start from the claim, not the master file. Given the same headline and product, compose the vertical version first (it is the most constrained), then the square, then the wide. The constrained version forces the design to its essentials; the others add space rather than cutting it.

Why it matters for reach

The feed renders the first frame at thumbnail size, and a recomposed image fills the frame edge to edge. A cropped square inside a story shows letterbox bars and a smaller subject, which reads as an afterthought and is skipped.

The production workflow

Composing the same claim across three frames is a production step, not a design project, and Neatico recomposes each placement separately rather than cropping a master.

Frequently asked questions

What is the difference between resize and recompose? Resizing fits the canvas; recomposing moves the subject, type, and margins to fit the frame and its overlays.

Can I use one image for all platforms? A square image technically posts everywhere, but it crops or letterboxes on stories and wide placements. Recompose for the three frame families.

Which frame should I design first? The vertical 9:16, because its safe zones are the tightest. The story safe zone guide covers the exact margins.

What is the most common recomposition error? Leaving the subject centered in the vertical frame, which puts it over the platform's bottom overlays. Move the focal point up before anything else.