The classic meme caption, white capital letters with a black outline across the top and bottom of a picture, looks effortless, and that is the point. It is also a small piece of typography that works for good reasons: it reads on any photo, at thumbnail size, after heavy compression. This article takes it apart with numbers from the meme generator's own layout code, measured with the Impact font on a 1080 × 1080 canvas.
Why white letters with a black outline
A caption has to read on a picture you do not control: a bright sky behind one word, a dark coat behind the next. Plain white text disappears on the sky; plain black text disappears on the coat. A white fill with a dark outline carries its own contrast with it: whatever the background, one of the two edges contrasts with it, and the letter shape stays clear.
The same idea explains the font. Impact is condensed (narrow letters, so more fit on a line) and extremely heavy (thick strokes that survive downscaling and JPEG compression). Capital letters have no descenders, so lines can sit close together.
How big the text should be
Bigger is better until it stops fitting. The generator finds the size by bisection: it tries a size, wraps the words into the caption box, and checks two things: does every word fit whole on a line, and do all the lines fit in the box's height (with the outline included)? It keeps the largest size that passes.
On a 1080 × 1080 canvas the default caption box is 993.6 × 216 px (the full width minus 4% margins, a fifth of the height). With Impact:
| Caption | Font size | Lines |
|---|---|---|
| OK | 163 px | 1 |
| WHEN THE CODE WORKS | 104 px | 1 |
| WHEN THE CODE WORKS ON THE FIRST TRY AND NOBODY KNOWS WHY | 68 px | 2 |
Two things to notice. Short captions are limited by height, not width: "OK" could be far wider but the box is 216 px tall, and 1.08 × 163 for the line plus the outline fills it. And long captions shrink fast: going from 4 words to 12 costs a third of the size. That is the practical argument for short captions; on a phone the 68 px line is about the size of body text.
How thick the outline should be
The outline is a share of the font size so it scales with the text. The default is 12%: about 12.5 px at 104 px, 8 px at 68 px. As a rough guide, much thinner than 6% and the edge tends to vanish after compression; much thicker than 20% and the counters (the holes in A, O, R) start to fill in.
The drawing order matters. Canvas and most graphics programs draw an outline centred on the edge of the letter, half inside and half outside. If the fill is drawn first and the outline on top, the outline eats half of each stroke and the letters look thin. The generator draws the outline first, at twice the visible thickness, then the white letters on top, so the whole visible outline sits outside the letter. Rounded joins stop sharp corners such as the points of W and V from turning into long spikes.
Safe margins
Feeds and chat apps rarely show your picture edge to edge. Corners are rounded, previews crop to a different shape, and some apps overlay buttons near the bottom. The generator keeps the top and bottom captions 4% of the shorter side away from the edges: 43 px on a 1080 × 1080 canvas. On a 9:16 story (1080 × 1920) the margin is still 43 px, 4% of the width, because that is the side that gets cropped.
If you plan to post the same meme in several shapes, keep the important words in the middle 80% of the width, so a square crop of a 4:5 picture does not cut them.
Common mistakes
- Long captions. Twelve words make small text. Split the joke between top and bottom, or cut it.
- Thin or missing outline on a busy photo. If any part of the picture is close to the text colour, the outline is what keeps it readable.
- Text in the corners. It gets cropped or covered by app buttons. Keep to the safe margin.
- Low-resolution pictures. A 400-pixel picture scaled up gives blurry text. The generator draws text at the full output size, so start from the largest picture you have, up to 2,048 px.
- Someone else's photo. Famous meme pictures belong to their photographers and subjects. The generator ships only plain backgrounds; use pictures you are allowed to use.
Recipe
- Open the meme generator with your picture, cropped first with the image crop tool if needed.
- Keep each caption under six words.
- White text, black outline, 10 to 15% thickness, unless the picture is very light.
- Leave the captions in their safe boxes; move only extra captions and stickers.
- Save as PNG for sharp text, or JPG for a large photo.