Make a classic captioned meme in your browser
This meme generator puts the familiar top-and-bottom caption — bold white letters with a black outline — onto a photo of your own or onto one of eight colour gradients. Use it for a joke in a group chat, a reaction image, a slide that needs a bit of humour, or a quick announcement graphic for a club or class. There is no template library to browse: you bring the picture, which also means you are not limited to the same few overused images.
How to use it
- Under Background, click the + tile to choose an image from your device, or click one of the gradient tiles (Sunset, Ocean, Forest, Fire, Night, Pink, Dark, White) for a plain background.
- Type a caption in Top Text and/or Bottom Text (up to 200 characters each). The preview redraws as you type.
- For each caption, drag the Font Size slider (16–80), pick the fill colour and the outline colour with the two colour swatches, and toggle B (bold, on by default) and I (italic).
- Click Download PNG to save the result as
meme-<timestamp>.png. Reset clears both captions, restores the default settings and returns to the first gradient.
How the image is built
Everything happens on an HTML5 canvas in your browser. A gradient background gives a 600 × 600 pixel square. When you pick a photo, the browser reads the file locally and the canvas is resized so its longer side is 600 pixels and the proportions match your photo, so nothing is cropped. Captions are drawn in Impact (falling back to Arial Black or Arial where Impact is not installed), centred, with an outline whose thickness is one-eighth of the font size. Lines wrap at spaces when they get wider than the canvas minus a 20-pixel margin on each side; the top caption starts 20 pixels from the top edge and the bottom caption ends 20 pixels above the bottom.
The download is at most 600 pixels on its longer side, which suits chat apps and social feeds. It is not meant for print, and a large photo will be scaled down.
Tips for readable captions
- Type in capital letters if you want the traditional look; the tool keeps your text exactly as typed.
- Keep captions short. With a size of 60 or more, long sentences wrap onto several lines and start covering the picture.
- A dark outline on light text, or the reverse, stays legible on busy photos. On the White gradient, switch to dark text.
- Wrapping only happens at spaces. A long word, a URL or Chinese and Japanese text without spaces stays on one line and can run off the edges, so lower the font size or add spaces.
Frequently asked questions
Is my photo uploaded to a server?
No. The file is read with the browser's FileReader and drawn onto the canvas on your device; the page sends nothing and stores nothing. Closing or reloading the tab discards the image and your captions.
Which image files work?
Any format your browser can display, typically JPEG, PNG, WebP, GIF and BMP. Animated GIFs become a still image of their first frame, and HEIC photos from iPhones only open in browsers that support HEIC, such as Safari.
Why doesn't my caption look like Impact?
The page uses fonts installed on your device. Windows and macOS include Impact, but many Android phones and Linux systems do not, so the text falls back to Arial Black or Arial.
Can I use pictures I found online?
The generator adds no watermark and claims no rights over your result, but the underlying photo may belong to someone else. Memes are often shared informally, yet commercial use of someone else's image, or of a recognisable person, can require permission.