Merge screenshots into one clean image
Drag in two, three, or ten screenshots and get one image back. Side-by-side, stacked, or grid â you pick the layout. No fiddling with canvas sizes in Figma. Works in your browser or runs locally on Mac & Windows.
Layout options at a glance
Three layouts to arrange your screenshots. Pick the one that fits your story.
| Layout | Best for | Images | Result |
|---|---|---|---|
| Horizontal (side-by-side) | Before/after comparisons, A/B tests, design reviews | 2â3 works best | Images placed left to right, aligned vertically |
| Vertical (stacked) | Step-by-step tutorials, scrolling UIs, process flows | 2â5 works best | Images stacked top to bottom, aligned horizontally |
| Grid | App store assets, feature showcases, multi-state bug reports | 4, 6, or 9 | Even rows and columns with consistent spacing |
How to combine screenshots
Three steps. One clean image.
Add your screenshots
Drag multiple images from Finder onto the canvas. Or paste from clipboard with âV â do it multiple times to add several screenshots. You can also capture new screenshots with the built-in tool and they'll be added to the canvas automatically. Each image appears as a separate layer.
Pro tip: Capture multiple screenshots in a row with ââ§4, then paste each one. They'll stack up on the canvas ready to combine.
Choose your layout
Pick horizontal (side-by-side), vertical (stacked), or grid. The images snap into the layout instantly. Drag to reorder. Adjust the spacing between images â tight for a continuous look, wide for clear separation. Everything updates in real time as you tweak it.
Pro tip: For before/after shots, use horizontal with a visible gap. For step-by-step tutorials, vertical with numbered labels works best.
Export the combined image
Copy to clipboard with âC or save as PNG/JPEG. All your screenshots are merged into a single file with the layout baked in. Paste it into Slack, drop it in a Jira ticket, or attach it to an email. One image tells the whole story.
Pro tip: Use PNG for screenshots with text â it stays crisp. JPEG works fine if file size matters more than sharpness.
Why combine your screenshots?
Sending three separate screenshots means three attachments that people have to open individually, zoom into, and mentally piece together. One combined image gets the point across instantly. It's faster to make and faster to understand.
Before/after comparisons
Put the old design next to the new one. The homepage before the redesign next to the homepage after. Side-by-side is worth a thousand words in a Slack thread â no one has to flip between two separate images to see what changed.
Step-by-step tutorials
Stack three or four screenshots vertically and you've got a visual walkthrough. Each step is right there in one image â no "see screenshot 1, now see screenshot 2" instructions. Paste it into a doc or Notion page and you're done.
App store assets
App store screenshots need to show your app's best features in a limited number of slots. Combine multiple screens into one image to show more in less space. A grid of four states tells a better story than a single screen.
Bug reports
A bug that takes three states to reproduce needs three screenshots in one image. Combine the initial state, the action, and the broken result into a single file. Your developer sees the full picture without clicking through attachments in Jira.
When to combine vs when to annotate
Both tools make screenshots more useful. But they solve different problems. Here's how to pick the right one.
Combine
- Showing multiple states, screens, or versions together
- Before/after comparisons where context is visual
- Best for: reducing attachment count, visual storytelling
Annotate
- Pointing out specific elements within a single screenshot
- Adding arrows, text callouts, and numbered markers
- Best for: bug reports with a specific area, click instructions
Best of both worlds: Annotate each screenshot individually (add arrows, labels, highlights), then combine them into one image. You get the detail of annotations with the context of a combined view. That's what most tutorials and bug reports actually need.
Tips for better combined images
Combining is quick. These four habits make the result look intentional instead of thrown together.
Match the dimensions first
If your screenshots are wildly different sizes, crop or resize them to similar dimensions before combining. The result looks much cleaner when the images share a consistent width or height. Takes ten extra seconds but makes a real difference.
Use spacing to separate context
A small gap between images signals "these are related but separate." No gap says "this is one continuous view." Pick the spacing that matches what you're trying to communicate. For before/after, a visible gap with a contrasting background works well.
Add labels before combining
Drop "Before" and "After" text labels on each screenshot before you merge them. Or number them 1, 2, 3 for a tutorial. The combined image should be self-explanatory without any surrounding text. If someone forwarded just the image, would it still make sense?
Consider the final viewing size
A grid of four screenshots looks great on a desktop screen. On a phone in Slack? Each image might be too small to read. For mobile-heavy audiences, stick with 2-up layouts or stack vertically. Fewer images per row means each one stays legible.
More than just combine
ScreenshotEdits packs 15+ editing tools into one fast app available on web and desktop.
Frequently asked questions
How many screenshots can I combine at once?
There's no hard limit. Most people combine 2-6 screenshots, but the app handles larger sets without breaking a sweat. The grid layout works especially well for 4, 6, or 9 images. For bigger sets, the canvas scrolls to fit everything.
Can I combine screenshots of different sizes?
Yes. Mixed dimensions are handled automatically. In side-by-side mode, images align to a shared height. In stacked mode, they align to a shared width. You can also resize individual screenshots manually before combining if you want exact control.
Does my screenshot get uploaded anywhere?
No. ScreenshotEdits runs in your browser or locally on your desktop. Your screenshots never leave your computer â no cloud, no servers, no tracking. The combining happens locally in real time.
Can I add spacing and backgrounds between images?
Yes. Adjust the gap between images with a slider. Add padding around the entire combined image. Choose any background color for the gaps â white, black, gray, or a custom color that matches your brand.
Can I use this for free?
Yes. All features including combine are free. The free version adds a small watermark to exports. Pay â¬19 once to remove it permanently â no subscription, no recurring charges.
Can I rearrange the order after adding screenshots?
Yes. Drag screenshots to reorder them in any layout. The combined image updates in real time as you rearrange. You can also add more images or remove individual ones at any point â no need to start over.
What file formats can I export the combined image in?
Export as PNG (lossless, best for screenshots with text) or JPEG (smaller file size). You can also copy directly to clipboard for pasting into Slack, email, or docs without saving a file first.
One image beats three attachments
Free to start. Combine screenshots in seconds. No account needed.
Related tools & guides