Meme Formats and the Typography That Keeps Captions Readable

Memes have a house style, and it is not an accident. White condensed capitals with a black outline, one line at the top and one at the bottom, is a set of typographic decisions that solve a specific problem: text that has to stay legible over an unpredictable photograph, at any size, on any screen. The Meme Generator implements that convention directly. For the three-step walkthrough, see How to Make a Meme Online.

Why Impact, of all fonts

Impact was drawn by the British designer Geoffrey Lee in 1965 as an extremely heavy, tightly spaced grotesque - a display face for posters, never intended for body text. Its internet career came from distribution rather than design merit: it was bundled in Microsoft's core fonts for the web collection in the mid-nineties, which put it on virtually every Windows and Mac machine at the exact moment image macros were taking off. When a format has to render identically on every computer, availability beats taste.

It also happens to be well suited to the job. The strokes are thick enough that a thin outline never closes up the letterforms, the condensed width fits more words per line at large sizes, and the high x-height keeps lowercase-free capitals compact. White fill with a black stroke is the part that really matters: white alone vanishes over a bright sky, black alone vanishes in shadow, and the pairing survives both.

The formats, and what each one is for

Readability rules that actually matter

Size the image, not the text

The generator draws captions at a fixed 48 pixel size, centred, with the top line near the top edge and the bottom line near the bottom. That means the apparent size of your text depends entirely on the dimensions of the image you loaded. On a 4000 pixel photo straight from a camera the caption will look like a footnote; on a 400 pixel thumbnail it will run off both sides. Resize the source to somewhere around 600 to 900 pixels wide with the resizer first and the proportions come out right.

Write for one line

Each field renders as a single line with no automatic wrapping, so a long sentence simply extends past the canvas edge. This is a useful constraint rather than a limitation: the best macro captions are six to eight words. If you cannot fit the idea, the idea is too complicated for the format.

Capitals, but for a reason

All caps is the visual signature of the genre, and at a distance the uniform cap height of a heavy face is easier to parse than mixed case. It is a poor choice for a paragraph, and a good one for four words on a photograph.

Respect the crop

Feeds and chat previews crop images to their own aspect ratios, usually from the edges inward. Text that sits flush against the top or bottom of the frame is the first thing to disappear. Leave the caption a clear band of its own, and avoid running it across a face or the busiest part of the picture, where the outline has to fight detail on both sides of every stroke.

Test at thumbnail size. Almost nobody sees your meme full screen first. Shrink the finished image to the width it will appear at in a feed and check that the caption is still readable. If it is not, the text is too long, not too small.

Making memes from your own material

A lot of the funniest source images are personal: a screenshot from a group chat, a photo of a colleague's desk, something from a work dashboard. Those are exactly the files you should not be uploading to an ad-supported meme site. Here the image is drawn onto a canvas in your own browser and the finished PNG is saved straight to your device, with no watermark and no upload. If the screenshot contains names, addresses or anything else that should not travel, cover them before captioning - the piece on choosing a redaction method explains why a solid block beats a soft blur for that.

For a moving version of the same joke, caption the individual frames and assemble them with the GIF Maker. For platform-sized text posts that are not memes at all, the social post creator gives you freer control over placement.

Make a Meme

Open Generator
← All Articles