Composition

Will the headline read? Six quick tests for an AI image before you put text on it

A render with empty space is not yet a render that carries a headline. Six checks for contrast, crops and small sizes, and what to do when a picture fails.

6 min read
A blank frosted-glass panel on a small black easel, glowing violet from behind, with a clear glass block in front of it and a dark, calm, empty left half of the frame

You asked for room for text, the render came back with a big calm area, and it looks fine. Then the headline goes on and half the letters vanish into a cloud, or the phone crop cuts the empty side off entirely. Looking at a picture and reading text on a picture are different tests. The space for text post covers how to ask for the room. This one is the other half: how to check, in a few minutes and before you design anything, that the room will actually work.

Each test below takes seconds, needs only the image viewer or editor you already have, and ends in a clear pass or fail. Run them in this order, because the cheap ones fail first.

1. The squint test

Step back from the screen or half-close your eyes. Detail melts away and only large tonal shapes remain. If the area meant for words still shows a shape, a bright patch or an edge, a headline will fight it. A pass is an area that looks like one smooth tone, even if it is a little lighter at one end.

2. The grey test

Turn the picture to greyscale in any editor. Colour hides contrast problems: a coral headline on a teal wall feels vivid and is nearly unreadable once the hue is removed, because the two have the same brightness. In grey, place your planned text colour as a flat swatch over the area. If you cannot read the swatch edge clearly, change the text colour or the background tone. Light text on a dark area and dark text on a pale area both pass; a mid-grey area passes for neither.

3. The block test

Draw a plain rectangle the size of your headline and its line spacing, in the place it will sit. Then look at what crosses its borders. Anything that cuts through the box, such as a tree branch, a cable, a window frame or a bright highlight, will cross your letters too. Move the box first: a small shift often finds a clean spot. If no position works, the picture fails and the fix is a new render, not a smaller headline.

4. The crop test

One image usually ships in several frames: a wide banner, a square card, a tall story. Crop your render to each frame you need and check that the empty area survives every one. A subject on the right with space on the left is fine in a wide frame and can lose its space entirely in a square centre crop. Remember that platforms also cover the edges with their own buttons and captions, so keep the text inside the middle of the clean area, away from the borders. The aspect ratio guide shows which frame suits which placement, and it is easier to render the widest frame you need and crop down than the reverse.

5. The thumbnail test

Shrink the finished layout to about the size of a thumbnail on a feed or a search result, and look at it for one second. The headline should still be the first thing you read, and the subject should still be recognisable. If the subject and the text compete for the same weight, one of them is too big or too bright. This is the check that matters most for video thumbnails and link previews, where nobody sees the full-size picture. The thumbnails and cover art post goes deeper on what holds up when small.

6. The scrim test

A pass with a small margin is often rescued by a scrim: a soft dark or light gradient laid in your editor between the picture and the text, at low opacity. Try it as the last step, not the first. If a gentle scrim makes the text clear and the picture still looks like itself, you are done. If it needs to be so strong that it turns the area into a flat box, the render has the wrong background and you should re-roll.

Words that help the next render pass

When a picture fails, the prompt usually left the empty area undescribed. These phrases carry the most weight, and you can drop them straight into a prompt:

Prompt
A pair of white running shoes on the right side of the frame, the left half is a smooth, matte, evenly lit dark grey studio wall with no objects, no shadows and no gradient banding, soft focus, wide 16:9 banner
Names the empty half, its material, its tone and what must not appear in it.
  • Material of the area: a plain wall, an open sky, a still water surface, a blurred backdrop.
  • Tone: evenly dark or evenly pale, so you can choose a text colour in advance.
  • What must not be there: no objects, no patterns, no clouds, no reflections, no props.
  • Where the subject goes: in the right third, small in the frame, low in the frame.

Repair, re-roll or accept

If one stray object sits in an otherwise clean area, try an edit rather than a new render: ask to remove it and fill the spot with the surrounding wall or sky. The edit prompts post shows how to word that. If the whole area is textured, re-roll instead; editing a large region tends to leave a visible patch. To compare options, run a few drafts on Still Lite, from €0.30 a render, test them all and finish only the winner on a stronger model from the models page.

What these checks cannot do

The studio does not run these tests for you: there is no contrast meter, no text preview and no safe-zone overlay, so you do them in your own viewer or editor. It also cannot guarantee that a described area will come back empty, so expect to re-roll some pictures. And it cannot know your final headline, so the tests tell you about the area you planned, not about copy you have not written yet. Download the winner at 2K and set the real text in your design tool.

When a layout is settled, the blog header workflow shows how to repeat it across a series. Open the studio and render the first draft with the empty area written in.

Questions

How can I tell if an AI image has enough room for a headline?

Squint at it, then turn it to greyscale and lay a plain rectangle the size of your text where it will sit. If nothing crosses the rectangle and your text colour stands out from the tone, the room is enough.

Why does my text become unreadable on a picture that looks calm?

Usually because the text and the background have the same brightness, which colour hides. Check in greyscale and choose clearly lighter text on a dark area or darker text on a pale one.

Is it better to fix a busy area with a scrim or to re-render?

Use a soft scrim for a small margin. If it has to be strong enough to flatten the picture, re-render with a plainer description of the empty area.

#Composition#Banners#Images

Keep reading

All articles →