A café finishes an illustration for its autumn menu launch: a bowl of soup on a wooden table, wide and airy, with the bowl slightly left of centre. On the website banner, it looks lovely. In the square social post, the bowl is half cut off, and in the vertical story the headline lands on top of the steam. Nothing is wrong with the picture itself. It was made of one shape and then squeezed into three, and the designer now spends an hour nudging the bowl and the type by hand in each version.
Advice usually says to make separate versions or to rely on templates that crop automatically, yet automatic crops aim at the middle of the frame and know nothing about the subject or the headline. What is missing is a plan, made before the image exists, that decides which part of the frame every format must keep. For that first step, generating from a written brief through a tool such as the Image 2.5 API is one route to test, since the brief can state where the subject and the empty space should sit. This article shows how to map crop zones, write that brief, and check each format before anything is published.
Why One Image Breaks Across Formats
Formats differ by more than size. A website banner is often twice as wide as it is tall, a feed post is square, and a story is taller than it is wide, with interface elements usually covering part of the top and bottom edges. Cropping a wide image into a tall one keeps only a narrow slice from the middle, so whatever sat near the sides disappears.
Two habits cause most failures. The first is placing the subject by taste rather than by need: slightly left of centre feels natural in a wide frame but falls out of a tall slice. The second is assuming headline space will turn up somewhere. Text needs a quiet area, and each format leaves its quiet area in a different place.
Build a Crop-Safe Image in Four Steps
Complete these steps before generating anything, so the image is composed for the crops it must survive.
1. List Every Placement and Its Shape
Write down each place the image will appear: website banner, square feed post, vertical story, perhaps an email header. Check each platform’s current recommended dimensions instead of trusting memory, because they change. Give each placement a plain label such as wide, square, or tall, and note whether a headline will sit on top of it.
2. Mark the Zone That Survives Every Crop
Take the canvas you plan to generate and draw each crop rectangle on it, all centred on the same point. The area inside every rectangle is the safe zone. Only the subject and any essential detail belong there; for the soup, that means the bowl and its steam. Everything outside the safe zone is scenery that may be cropped away, so decide that it can be lost.
3. Write the Composition Brief
Describe the subject, setting, camera distance, the subject’s position, and where the empty space lies. Send the brief through a text-to-image endpoint such as the ChatGPT Images 2.5 API, adding a reference photo as an image input if a real bowl or product should guide the result. Ask for the subject in the middle third of the frame with a quiet table surface above and below it, pick the model option for everyday generation and a quality setting suited to the smallest display size, and generate a first version. Then lay your crop rectangles over the result and check that the subject sits inside the safe zone and the headline areas are still empty.
4. Test Each Crop at Display Size
Export every crop and view it at the size readers will see: a phone screen for the story and the post, a browser window for the banner. Shrink each one to thumbnail size as well. If the subject cannot be recognised at a glance, that crop needs work. Finally, place the real headline on each version and check that nothing crosses the letters.
Pass or Rework: Checking Each Format
Judge each crop separately with observable checks, because an image can pass in two formats and fail in the third.
- Pass: The subject sits fully inside the frame with a visible margin on every side.
- Pass: The headline rests on a quiet area, with no steam, foliage, or pattern crossing the letters.
- Pass: Any key detail, such as a label or a face, stays readable at phone size.
- Rework: The subject touches or crosses an edge.
- Rework: The headline area contains busy detail that competes with the text.
- Rework: An important element sits where story interface elements usually appear, near the top or bottom.
In the café example, the first version has the bowl centred and a generous gap above it. The banner and the story pass. In the square crop, the bowl is complete, but the top gap has shrunk and the headline now touches the rim. Two formats pass, so the image is worth keeping. Move that one headline to the empty table area below the bowl and check again. If two of the three formats had failed, the problem would lie in the brief itself, and the next step would be to rewrite the composition sentence and generate again.
Fixes for Crops That Almost Work
Move the text before moving the image. Shifting a headline to a different quiet area for one format costs a minute, while regenerating costs a round of review. Keep type sizes consistent across formats so the set still looks related, and change position only.
Accept a second image when two formats want different compositions. A subject that fills the height of a tall frame and sits low in a wide one are two different pictures. Generate both from the same brief, changing only the composition sentence, and keep the colours, lighting, and subject description identical so the pair reads as one campaign.
Avoid stretching an image to fill a frame. Uneven scaling distorts proportions, and the distortion is easiest to spot on round objects such as bowls, plates, and faces. Crop instead, or generate a new version with more room. Padding with flat colour works only when the colour matches the design and the padding is part of the layout on purpose.
Design for the Tightest Crop First
The dependable routine has a fixed order. List the placements, find the zone every crop shares, write the subject position and the empty space into the brief, test each crop at display size, and move text before touching the image. When formats truly disagree, make a second image from the same brief and change only the composition line. Each step exists because the format that fails is usually the one nobody checked at the size readers see.
Over time, keep a reusable crop map for the channels you publish on. When a new format appears, add one more rectangle to the map instead of redesigning the work already done. Start from the tightest crop, usually the tall story format, because a subject that survives the narrowest slice is far more likely to fit the wider frames. That habit turns image planning into a five-minute check before production rather than a repair job afterwards, and it leaves the design time for the parts of the work that need a person’s judgement.
