About Meme Generator
Most meme generators want you to pick from their template library, upload your picture to their server, and accept a watermark. This does none of that: bring any image, caption it, download it. The file is decoded, drawn and re-encoded entirely in your browser.
The part that takes actual work is the text. Canvas has no wrapping — `fillText` draws one line and continues straight off the edge of the image — so anything putting user text on a picture has to lay it out itself. Three cases break the naive version: a word longer than the line, which has to be split mid-word rather than left to overflow; a deliberate line break, which wrapping on spaces alone throws away; and simply too much text, which no font size fixes and which therefore needs a floor and something sensible to do when it is reached.
The outline is drawn before the fill, not after. Stroking on top of the letterforms thickens them unevenly and eats into the counters — the enclosed spaces in letters like o and e — which is why some meme tools produce text that looks slightly clogged at small sizes.
Text size is a percentage of the image width rather than a pixel value, so a caption looks the same on a 600 pixel screenshot and a 4000 pixel photograph.
How to make a meme
Add your image
Any JPG, PNG or WebP. It is read locally and never uploaded.
Type your captions
Top and bottom. Long text wraps and shrinks on its own; press Enter for a deliberate break.
Pick a style
Outlined text over the picture, or the white-bar layout that keeps the image uncovered.
Download
PNG at the original resolution, with no watermark.
Making a caption readable
- Keep it short. Two lines beats five, and the auto-shrink means long text simply gets smaller and harder to read.
- Use the outline over busy photographs. White text alone disappears against a bright sky.
- Choose the white-bar layout when the picture itself matters — nothing is covered up.
- Uppercase is the convention and it genuinely reads better at a glance in a condensed bold face.
- Check it small. Most people will see it in a feed at a fraction of the size you are editing at.