Image & Photo

Meme Maker

A free in-browser meme and collage maker with real layers. Paste screenshots straight from the clipboard, drag and resize each one, crop down to the part you want, and stack classic meme captions on top. Export to PNG, JPEG, or WebP — nothing leaves your device.

Canvas size

Width (px)Height (px)

Background

Transparent

Tip: paste screenshots directly with Ctrl+V / Cmd+V

Layers

No layers yet — add an image or text to start.

Select a layer to edit its properties.

Output formatQuality: 92

100% private. All composition, cropping, text rendering, and export run locally on your device. None of your images are uploaded anywhere.

What this meme & collage maker does

This is a focused, browser-only meme maker with real layers — the missing piece between a single-image editor and a full design tool. Drag in or paste any number of images (Ctrl+V works for screenshots), and each one becomes its own layer you can move, resize, crop, reorder, hide, or delete. Stack as many text layers as you want with adjustable font, size, fill, stroke, and alignment — the defaults match the classic Impact-style meme caption out of the box. The whole canvas renders to a single composite image you can export as PNG (with optional transparency), JPEG, or WebP. Everything is done on the Canvas API in your browser, so nothing — no screenshot, no draft, no final image — is ever uploaded to a server.

How to make a meme or collage

1
Choose a canvas size
Pick a preset (square, portrait, story, or wide) or enter custom width and height. Square 1080 is a safe default for posts; story is right for vertical reels and stories.
2
Add images
Click Add image to upload, drag files onto the page, or paste a screenshot straight from the clipboard with Ctrl+V (Cmd+V on Mac). Each image becomes its own layer.
3
Position and resize each layer
Click a layer to select it, then drag to move. Use the corner handles to resize — image layers preserve their aspect ratio so they do not get squashed.
4
Crop down to the part you want
With an image layer selected, click Crop layer, drag a rectangle inside the layer, and Apply. Cropping is destructive but you can always Clear all to start over.
5
Add a meme caption
Click Add text — the default is bold uppercase Impact in white with a black stroke, the classic meme look. Edit the text, drag it into place, and adjust font, size, and color in the Properties panel.
6
Reorder layers
Use Forward and Backward to control which layer is on top. Toggle the eye icon to hide a layer without deleting it.
7
Export and download
Pick PNG (best for transparency or sharp text), JPEG (smallest for photo-heavy memes), or WebP. Click Download composition — the full-resolution result is generated locally and saved to your device.

How a layered canvas composer works

1. Each layer carries position (x, y), size (width, height), z-order, and visibility.
2. Image layers hold an ImageBitmap from createImageBitmap(file).
3. Text layers hold the text plus font, size, fill, stroke, and alignment.
4. On every render, the composer walks layers bottom-to-top and draws to a 2D canvas.
5. Image layers use ctx.drawImage(bitmap, x, y, w, h).
6. Text layers use ctx.fillText / ctx.strokeText with word-wrapping at the layer's width.
7. Crop bakes a new ImageBitmap from a sub-region of the source — the layer's display size shrinks to match.
8. Export calls canvas.toBlob(format, quality) on the same canvas the user has been editing.

A layered composer is just a list of draw operations that gets re-played each render. Because the source bitmaps and text settings are kept around, the canvas is a pure projection of state — there is no destructive editing until the user explicitly applies a crop or duplicates a layer. PNG export preserves transparency and crisp text edges; JPEG and WebP take a quality knob and produce smaller files at the cost of some compression artifacts. None of this requires a server: the same Canvas APIs that render the editor view also produce the final exported file.

Reference: MDN — CanvasRenderingContext2D.drawImage()

Worked examples

Goal	How to do it
Classic Impact-style meme on one image	Add image, scale to fill the canvas. Add text — defaults are uppercase Impact, white fill, black stroke. Drag the text to the top, duplicate for a bottom caption. The default text style matches the classic look.
Side-by-side screenshot comparison	Set canvas to Wide 1200×630. Paste two screenshots with Ctrl+V — they stack as separate layers. Drag and resize each to fill its half of the canvas. Great for before/after posts and bug reports.
Three-up screenshot collage with captions	Pick Portrait. Paste three screenshots, resize each one to fill a third of the canvas height, then add a small text layer between each as a caption. Use Forward / Backward if a caption gets covered.
Trim the navbar out of a screenshot	Add the screenshot as a layer. Click Crop layer and drag a rectangle around just the content you want. Apply — the layer becomes the cropped region. Crop is destructive — Clear all resets the canvas.
Story-format meme with transparent background	Pick Story preset, tick Transparent for the background, add your character cutout (run it through Background Remover first), then add caption text. Export as PNG to keep transparency.

When to use a meme & collage maker

Building Impact-style image macros without learning Photoshop or trusting a watermarking site.
Composing side-by-side or before/after screenshots for blog posts, tweets, or bug reports.
Cropping the relevant slice out of three different screenshots and stacking them into a single image.
Adding bold caption text to a phone photo before posting it to a story or feed.
Compositing a transparent character cutout (from Background Remover) onto a custom background.
Throwing together a quick reaction image without leaving the browser tab.
Making a Twitter/X-format wide image with multiple panels and overlay text.
Putting together a private collage you do not want to upload to a third-party design tool.

Related tools

Background Remover

Cut out the subject from any photo with on-device AI — no upload required.

Image Compressor

Shrink JPG, PNG, or WebP files in your browser with an interactive quality slider.

Photo Editor

Adjust, filter, rotate and crop photos in the browser — no uploads, no watermark.

Image Converter

Convert HEIC, JPG, PNG, WebP, and more — batch up to 25 files, all in your browser.

Frequently asked questions

Are my images really not uploaded anywhere?

Correct. Decoding, compositing, cropping, text rendering, and the final export all happen via the Canvas API on your machine. You can confirm in your browser's network tab — there is no upload request after the page itself loads.

Can I paste screenshots directly?

Yes. Press Ctrl+V (Cmd+V on Mac) anywhere on the page and a screenshot from your clipboard is added as a new image layer. This is the fastest way to compose multi-screenshot memes.

How is this different from your Photo Editor?

Photo Editor works on one image with adjustments and filters. Meme Maker works on a stack of layers — multiple images, multiple text captions — composited onto a single canvas. Use Photo Editor when you want to fix one photo; use Meme Maker when you want to combine several into one.

Why does my text look pixelated when I export?

If the text is rendering at a small canvas size and you want to use it large, increase the canvas width and height — text is rasterised at the canvas's pixel size. Picking a larger preset (square 1080 or higher) gives sharp text at any reasonable display size.

Can I undo a crop?

Crop is destructive at the layer level — once applied, the layer's bitmap is the cropped version. You can delete the layer and re-add the original image to start over, or use Clear all to reset everything.

Why is the quality slider disabled when I pick PNG?

PNG is a lossless format and does not have a quality knob. JPEG and WebP do — drop quality to ~75 for a noticeably smaller file with little visible loss on photo content.

Can I make the background transparent?

Yes — tick the Transparent checkbox in the canvas controls. You must export as PNG to preserve transparency; JPEG and WebP (in this version) export with a solid background.

Does it work on a phone?

Yes — the canvas uses pointer events so dragging and resizing work with touch. Pasting from a phone's clipboard also works in modern mobile browsers when the screenshot is on the clipboard.

Last updated April 28, 2026

What this meme & collage maker does

How to make a meme or collage

Choose a canvas size

Pick a preset (square, portrait, story, or wide) or enter custom width and height. Square 1080 is a safe default for posts; story is right for vertical reels and stories.

Add images

Click Add image to upload, drag files onto the page, or paste a screenshot straight from the clipboard with Ctrl+V (Cmd+V on Mac). Each image becomes its own layer.

Position and resize each layer

Click a layer to select it, then drag to move. Use the corner handles to resize — image layers preserve their aspect ratio so they do not get squashed.

Crop down to the part you want

With an image layer selected, click Crop layer, drag a rectangle inside the layer, and Apply. Cropping is destructive but you can always Clear all to start over.

Add a meme caption

Click Add text — the default is bold uppercase Impact in white with a black stroke, the classic meme look. Edit the text, drag it into place, and adjust font, size, and color in the Properties panel.

Reorder layers

Use Forward and Backward to control which layer is on top. Toggle the eye icon to hide a layer without deleting it.

Export and download

Pick PNG (best for transparency or sharp text), JPEG (smallest for photo-heavy memes), or WebP. Click Download composition — the full-resolution result is generated locally and saved to your device.

How a layered canvas composer works

1. Each layer carries position (x, y), size (width, height), z-order, and visibility.
2. Image layers hold an ImageBitmap from createImageBitmap(file).
3. Text layers hold the text plus font, size, fill, stroke, and alignment.
4. On every render, the composer walks layers bottom-to-top and draws to a 2D canvas.
5. Image layers use ctx.drawImage(bitmap, x, y, w, h).
6. Text layers use ctx.fillText / ctx.strokeText with word-wrapping at the layer's width.
7. Crop bakes a new ImageBitmap from a sub-region of the source — the layer's display size shrinks to match.
8. Export calls canvas.toBlob(format, quality) on the same canvas the user has been editing.

Worked examples

Goal	How to do it
Classic Impact-style meme on one image	Add image, scale to fill the canvas. Add text — defaults are uppercase Impact, white fill, black stroke. Drag the text to the top, duplicate for a bottom caption. The default text style matches the classic look.
Side-by-side screenshot comparison	Set canvas to Wide 1200×630. Paste two screenshots with Ctrl+V — they stack as separate layers. Drag and resize each to fill its half of the canvas. Great for before/after posts and bug reports.
Three-up screenshot collage with captions	Pick Portrait. Paste three screenshots, resize each one to fill a third of the canvas height, then add a small text layer between each as a caption. Use Forward / Backward if a caption gets covered.
Trim the navbar out of a screenshot	Add the screenshot as a layer. Click Crop layer and drag a rectangle around just the content you want. Apply — the layer becomes the cropped region. Crop is destructive — Clear all resets the canvas.
Story-format meme with transparent background	Pick Story preset, tick Transparent for the background, add your character cutout (run it through Background Remover first), then add caption text. Export as PNG to keep transparency.

When to use a meme & collage maker

Building Impact-style image macros without learning Photoshop or trusting a watermarking site.

Composing side-by-side or before/after screenshots for blog posts, tweets, or bug reports.

Cropping the relevant slice out of three different screenshots and stacking them into a single image.

Adding bold caption text to a phone photo before posting it to a story or feed.

Compositing a transparent character cutout (from Background Remover) onto a custom background.

Throwing together a quick reaction image without leaving the browser tab.

Making a Twitter/X-format wide image with multiple panels and overlay text.

Putting together a private collage you do not want to upload to a third-party design tool.