Skip to main content
92 Nodes
All resources
Free tool

Screenshot Revision Pack

Compare two screenshots, pin feedback, and export a revision pack for your developer.

Upload a Before and After screenshot, drag the slider to compare them, click to pin numbered feedback with a note and priority, and export an annotated image plus a print-ready PDF revision report — all processed locally in your browser.

Loading revision tool…
How it works

Three steps from screenshot to revision report

  1. 1

    Upload. Add your Before and After screenshots (PNG, JPEG, or WebP) — no account, no signup.

  2. 2

    Compare and pin. Drag the slider to see what changed, then click anywhere on the After image to drop a numbered pin and describe what needs fixing, with a Low, Medium, or High priority.

  3. 3

    Export. Download the annotated After screenshot and open the print-ready report — save it as a PDF and send both to your developer.

Who it's for

Built for the client-to-developer handoff

Design feedback usually happens in a call, a chat message, or a screenshot with a red circle drawn on it — none of which survive being forwarded three times. This tool gives a client, marketer, or project manager a simple way to point at exactly what changed on a redesigned page and say exactly what still needs work, without learning any design software.

For example, imagine reviewing a redesigned school website. You might pin the fees button that's missing a link, a hero image that's been cropped awkwardly on mobile, or a trip notice whose wording is unclear — each with its own note and priority, so your developer knows exactly what to fix first.

Comparing

How the before/after comparison works

Once both screenshots are uploaded, drag the vertical handle left and right to reveal more of the Before or After version at the same spot on the page. Both images stay aligned to each other using their real pixel dimensions, so what you're comparing is accurate, not just two images stretched to fit a box.

If the two screenshots have noticeably different dimensions or proportions — a mobile capture next to a desktop one, for instance — overlaying them with a slider would mean cropping or distorting one of them. Instead, the tool switches automatically to a clean side-by-side view and tells you why, and pinning still works normally on the After image.

Feedback

How to mark design feedback

Click anywhere on the After screenshot to drop a numbered pin at that exact point. Each pin gets its own note and a Low, Medium, or High priority, shown in a sidebar (or a swipeable panel on mobile) that stays in sync with the pins on the image — click a pin to jump to its note, or click a note to highlight its pin.

Pins remember their position relative to the image itself, not the screen, so they stay correctly placed whether you're reviewing on a laptop or a phone. You can drag a pin to fine-tune its position, or delete it with a confirmation prompt if it already has a note.

Export

What's in the revision pack

The annotated image is the After screenshot at its original resolution with every numbered pin burned in, ready to drop into a chat message or ticket on its own.

The revision reportis a print-friendly page listing both screenshot filenames, a preview of each image, and every note with its number and priority — opened through your browser's print dialog, where choosing "Save as PDF" gives you a shareable PDF your developer can work straight from.

Privacy

Nothing you upload leaves your browser

Both screenshots are read directly in your browser using the File and Canvas APIs and are never uploaded to 92 Nodes or any server. Your notes are never included in analytics — we only track that the tool was used, not what you typed.

This is a browser-only MVP without an account or database, so it also doesn't save your session: refreshing or closing the tab clears your screenshots and pins, and there's no live link to share with a collaborator in real time. Export your revision pack before you leave the page.

Keep going

More resources for the design-to-dev handoff

Need a PDF for something other than feedback? The Markdown to HTML & PDF Converter uses the same print-to-PDF approach for written documents. If you're quoting the fixes this revision pack surfaces, the Invoice & Quotation Generator can turn them into a polished estimate. And for more free tools like this one, browse the full Developer Resources Directory.

FAQ

Common questions

Are my screenshots uploaded anywhere?+

No. Everything happens locally in your browser — the images are read with the File and Canvas APIs and never leave your device. Nothing is uploaded to 92 Nodes or any third party, and note text is never sent to our analytics.

Can I compare a live website URL instead of screenshots?+

Not in this version. This tool only works with image files you upload — PNG, JPEG, or WebP screenshots you've already taken. It doesn't fetch or capture a live URL.

Can I share a live link so my client and I see the same pins in real time?+

No — there's no account, server, or live collaboration link. Instead, export the revision pack (the annotated image and the PDF report) and send that file to your developer directly, by email, Slack, or however you normally share files.

How do I export a PDF of the revision report?+

Click "Open revision report (PDF)" under Export revision pack. It opens your browser's print dialog with the report already formatted — choose "Save as PDF" as the destination to download a PDF, or print it if you need a paper copy.

What image formats and sizes are supported?+

PNG, JPEG, and WebP, up to 15MB per screenshot. Larger files, or other formats like HEIC or PDF, aren't supported yet.

What happens if my Before and After screenshots are different sizes?+

If their proportions are close, the slider still overlays them cleanly. If they're noticeably different — say a mobile screenshot next to a desktop one — the tool switches to a side-by-side view instead of cropping or stretching either image, and pins still work on the After screenshot.

Can I move or delete a pin after placing it?+

Yes. Drag a pin to reposition it, click it (or its note) to edit the text and priority, and use the trash icon on the note to delete it. You'll be asked to confirm before deleting a pin that already has a note.

Does the tool save my work if I close the tab?+

No — this is a browser-only MVP with no account or storage, so nothing persists between visits. Export your revision pack before closing the tab or refreshing the page.

92 Nodes

Have a project in mind? Let's build it.

Tell us about your goals and we'll get back to you within one business day with next steps.

Book a free call