AI images for an email newsletter: header, divider and footer in one style

An email is the strictest place a picture will ever live. The reader's mail app decides the width, may block images until a tap, may flip your colours in dark mode and may not show your font at all. So an AI picture for a newsletter has to be planned backwards from those limits. This is a checklist for one set of three pieces, a header, a divider and a footer art, that looks like one hand made them.

Start from the column, not from the picture

Most newsletters sit in a single centred column about 600 pixels wide, and that column is all you need to design for. Phones shrink it, and desktop clients just centre it in empty space. Decide the column width first, then work out the three frames from it.

• Header: full column width, wide and short. Ask for a wide frame in the Ratio picker, then crop the height in your editor.
• Divider: full width, very thin. No model draws a strip that thin directly; render a wide frame and crop a slim band from the calmest part.
• Footer art: the same width as the header, a little taller than the divider, so the email ends on a shape and not on legal text.

Render at about twice the column width and scale down in your editor, so the pictures stay sharp on dense phone screens. The studio makes pictures up to 2K, which is more than a column needs. The aspect ratio guide explains why a wide frame beats a square one that you crop later.

Keep every word out of the image

This is the rule that saves most newsletters. If the headline is baked into a header picture, then readers whose app blocks images see a blank box, screen readers read nothing, and a typo means a new render. Put the title, the date and the button in live text, and use the picture only as a backdrop.

A header is easier to set text on if the picture already has a quiet area. Name it in the prompt, as the space for text post shows, and set the subject on the opposite side. Also add alt text for the picture, since some readers will see only that. A short plain sentence is enough; the alt text post has the pattern.

One palette, written into all three prompts

Three separate renders drift apart unless you pin them. Pick two or three colours, name them in every prompt, and keep the same kind of subject and the same light. In the example above that is plum, violet and sand with a soft lantern glow. The colour palette guide shows how to word them so the model does not swap them.

Then use the first approved header as a reference for the divider and the footer, and say what to keep (the palette and the light) and what to change (the subject). The reference images post covers it. Use the same model for all three; Still is a good default from €0.40 a render, and Still Lite from €0.30 is enough to try compositions before the final.

Match the picture to the email background

Pick the email's background colour first, and make the edges of every picture blend into it. A header that ends in a hard line against a white page looks like a pasted rectangle. One fix is to let the picture fade into the exact page colour at the bottom edge; another is to put the page colour into the prompt and ask for a soft vignette. Check the result in your mail tool, not only in the studio.

Dark mode is the second test. Some apps invert light backgrounds, and a picture with a pale border can end up with an ugly halo. A picture with a dark or mid-tone edge survives both modes best, which is a good reason to keep the palette on the darker side.

Files: flat, small and in a boring format

Mail apps are far less modern than browsers. Save each piece as a JPEG, or as a PNG when it has flat colours, and avoid newer formats whose support in mail apps is patchy. Aim for a file small enough that the email loads at once on a poor mobile connection; a calm, low-detail picture compresses much better than a busy one, and the quiet area you left for the title helps here too. After compressing, check smooth dark gradients at full size, where banding shows first.

What the studio cannot do here

It makes raster pictures and does not build the email: no HTML, no slicing, no resizing to your column and no compression for mail apps. That all happens in your editor or your newsletter tool. It does not draw a hairline divider as such, so you crop one from a wider render. Transparent output exists only on some models, and for email it is not worth the risk, since clients treat a see-through file unpredictably in dark mode; flatten the art onto a solid colour instead. And it cannot promise that three renders match exactly: a palette and a reference get you close, so grade the set in your editor if your brand needs exact colours.

Open the studio, render the header first and approve it, then make the divider and the footer from it. If the style is not right, compare the image models on the models page. Our post on blog header images covers the same craft for a web page, where the rules are looser.