Meme Maker

The Meme Maker lets you upload a base image, put a classic line of white-with-black-outline text at the top and another at the bottom, preview the result live, and download it as a PNG. You can change the font size, the text colour and the outline colour, nudge the vertical position of each text block, and choose whether Latin letters are upper-cased. It does one format only, the classic 'top text and bottom text with an outline' layout: the text can't be freely dragged, and there are no stickers, extra text boxes or filters. It suits adding a caption to a chat screenshot, a pet photo or a stock image.

How to use it

1. Click the dashed box 'Click to upload a base image' and choose a picture. The editing options only appear after an image is loaded.
2. Fill in 'Top text' and 'Bottom text'. They start as placeholder text. If you leave one empty, that line is not drawn on the image.
3. 'Font size' defaults to an automatic value based on the image width (about 9% of it, marked '(auto)' in the label). Drag the slider or type a pixel value in the box beside it to set it manually, and click 'Auto' to go back to automatic. Use the 'Top text offset' and 'Bottom text offset' sliders (0 to 40% of the image height) to move each block. The 'Uppercase' checkbox is ticked by default; untick it to keep your own capitalisation. Use the swatches next to 'Text color' and 'Outline color' to choose colours; the default is white text with a black outline.
4. Check the result on the 'Preview' canvas, which refreshes with every change.
5. When you're happy, click 'Download meme'. Your browser saves a file named meme.png.

A usage scenario

Take a photo of a pet as the base image, write 'Me on Monday morning' on top and 'Five more minutes' at the bottom, and leave the font size at its default; white text with a black outline stands out on most pictures. If the photo has a white or very light background, white text is hard to read, so switch the text to black or a dark colour and the outline to white. If the base image has very high resolution the font size scales with the image width automatically so the text isn't tiny; adjust it by hand if you want it larger or smaller. No effect or usage numbers are claimed here; judge the result in your own preview.

What it supports and where it stops

• Font size is calculated automatically from the image width by default. Once you set it by hand it is a fixed number of image pixels and is not recalculated when you load a different-sized image; click 'Auto' to go back. The preview canvas is shown scaled to the page width, so the size you see on screen is not the pixel value.
• The downloaded PNG has the same pixel dimensions as the uploaded image, with no compression or resizing.
• Text is fixed to one block at the top and one at the bottom. The top text starts near the top edge and runs downward; the bottom text sits against the bottom edge and runs upward. You can only nudge it vertically with the two offset sliders (up to 40% of the image height); there is no horizontal dragging and no alignment option (it is always centred). Long text wraps onto several lines, and on a small image the two blocks may overlap.
• Latin letters are converted to uppercase by default, which is part of the classic meme look; untick 'Uppercase' to turn that off. Chinese characters and digits are unaffected.
• Line wrapping keeps English words whole and wraps Chinese character by character; a word is only split if it is by itself wider than the image.
• The font is fixed to bold Impact, Arial Black or a generic sans-serif, with no font picker. If Impact is not installed, a fallback font is used, and Chinese uses your system's default Chinese font, so the look varies between devices.
• The text fields are single-line, so you can't insert a manual line break.
• A PNG with a transparent background stays transparent in the export, with the text drawn straight onto it. An animated image contributes only its first frame, and the export is a static PNG.
• One image at a time, with no undo and no saved drafts.

FAQ: The text is hard to read on my picture. What can I do?

Use colours with strong contrast: white text with a dark outline on a dark image, dark text with a white outline on a light one. You can also raise the font size a little (or use the offset sliders to move the text to a cleaner area); the outline width scales with the font size, so bigger text gets a thicker outline.

FAQ: Does it work with Chinese captions?

Yes. Chinese isn't changed to upper case, and wrapping is done per character, so it won't cut a word in half. The default font is the English-oriented bold Impact, so Chinese falls back to your system's Chinese font and the style differs a little between devices.

FAQ: Why is the downloaded image much larger than the preview?

The preview is displayed shrunk to fit the page, whereas the PNG has the same pixel size as your original. If the original is a photo several thousand pixels wide, the exported file will be correspondingly large. For a small sticker, shrink the base image first.

FAQ: Can I use any picture I find?

The tool only processes the image you pick. When you use pictures or portraits that someone else owns, check that you have the right to use them, especially if you publish the result or use it commercially.

Privacy and processing

The image is read by your browser and drawn on a local canvas. Adding text and exporting the PNG both happen on your device, the code makes no network requests, and your image and text are not uploaded or stored. Everything is gone when you close or reload the page.