Meme Generator

What this tool does

Making a meme for a group chat usually means opening an image editor, hunting for a font, adding an outline and then taking a screenshot anyway. This tool compresses that into one page: pick a base image, write a line at the top and another at the bottom, adjust size and outline, and export a PNG from the corner of the preview. Built-in templates mean you can start even without a picture of your own.

Text is drawn on a canvas, so Chinese, Latin letters, digits and emoji all go through the same font stack. Outline width can drop to zero for a clean caption or go up to eight pixels so white lettering stays legible over a bright photo. The two lines have independent font sizes, which makes the setup-and-punchline layout a matter of typing rather than cropping.

Several common export sizes are offered, and the canvas scales to its container so a narrow screen does not squash the picture into a strip. Everything runs in the browser; the image you choose never leaves the page.

Text is drawn directly onto a canvas rather than positioned as HTML over an image, which is what lets a single PNG contain the picture and both captions without a screenshot step. The top and bottom lines are measured independently, so a short punchline can be set in a larger size than a long setup line. Outline width works as a stroke behind the fill, which is why white lettering stays readable on a light photograph; at zero it becomes a plain caption. Font choices resolve to faces installed on your own machine, so the same file opened on another computer may render slightly differently, and a quick preview is sensible before sharing something widely. Export size is applied to the backing canvas resolution, not just to a CSS scale, so the downloaded file really is the pixel dimension you selected. The preview itself is a separate, container-fitting redraw: it follows the width available on screen and keeps the aspect ratio, which avoids the squashed strip you get when a fixed-width canvas is forced into a narrow column. Base images are read through a local file input and never sent anywhere, which also means the tool cannot recover an image after a refresh. Long single lines are compressed to fit, so splitting a sentence across the two caption slots usually looks better than forcing it into one. Exported files are bitmaps, so choose the largest preset if the image will be cropped or enlarged later.

Key features

• Local image only: Choose a file from your device or start with a built-in template; the image is read locally and never uploaded.
• Two independent lines: Top and bottom text each have their own content and size, which suits contrast-style captions.
• Adjustable outline: Outline width from zero to eight pixels keeps white text readable over busy backgrounds.
• Font switching: Several common typefaces are offered so both Chinese headlines and short English lines have a suitable face.
• PNG export: Output is written at the chosen size with a timestamped filename, so a new export never overwrites the last one.
• Responsive canvas: Preview width follows its container and redraws at the correct aspect ratio when the window narrows.

How to use it

1. Choose a base: Use the image picker for a local file, or press Example to load a built-in template.
2. Write both lines: Fill the top and bottom text boxes; either line can be left blank and simply will not be drawn.
3. Tune the look: Move the size and outline sliders and pick a font while watching the live preview.
4. Pick an export size: Select a target resolution from the dropdown and the preview updates proportionally.
5. Save the file: Press Export PNG and the browser downloads the finished image, ready to post.

Things to keep in mind

• Check image rights: Processing is local, but you are responsible for the licence of the base image you use.
• Long lines get cramped: Dozens of characters in one line squeeze the glyphs; split into two lines or shorten the text.
• Fonts come from your system: The listed faces resolve to locally installed fonts, so rendering varies between machines; preview important images.
• Clear resets the image: The clear button empties text, style and base image together, so export before clearing.
• Export is a bitmap: A PNG loses sharpness when enlarged; choose the largest preset if the result needs further editing.