Annotate a PNG
Draw arrows, boxes, ellipses and labels on top of a PNG. Runs entirely in your browser, so your data never leaves your device.
Drop a file here, or click to browse
Files never leave your device
Output
The result appears here as you type.
How to use Annotate a PNG
- 1. Upload the PNG to mark up. Add the screenshot or image you want to annotate. The shapes you add are drawn directly onto the image so the markup travels with the file wherever it's shared.
- 2. Pick a shape and position it. Choose Shape from rectangle, ellipse or arrow, then set X, Y, Width and Height in pixels to place it exactly where you want attention drawn on the image.
- 3. Set color, line width and an optional label. Pick a Color that stands out against the image, set Line width in pixels for how bold the shape reads, and add a Label if the shape needs a short caption.
- 4. Download the annotated PNG. Download the file once the markup points clearly to the right spot. Add more shapes in separate passes if the screenshot needs multiple callouts.
When to use Annotate a PNG
Annotate a PNG draws arrows, boxes, ellipses and labels directly onto an image so you can point out a specific detail without a separate design tool. It is aimed at anyone who needs to mark up a screenshot quickly and share the result.
- Pointing out a bug in a screenshot. A tester finds a visual bug and needs to show exactly where it appears. A red arrow with a short label like 'here' makes the report instantly clear to a developer.
- Highlighting a UI change in a design review. A designer wants reviewers to notice one specific button that changed in a mockup. A rectangle drawn around it draws the eye without needing extra explanation.
- Marking a region in a support ticket. A support agent responding to a customer issue circles the exact field on a screenshot where the customer should click, making the instructions unambiguous.
Examples
Point out a bug
Input
screenshot.png + red arrow + label "here"
Output
screenshot.png with the arrow and label drawn on
About the Annotate a PNG tool
Annotate a PNG does its work locally, right in the browser. Draw arrows, boxes, ellipses and labels on top of a PNG. There is no upload step, no queue and no account, and your data never travels over the network.
It belongs to the PNG Tools collection on EditSafely, a set of 108 small, focused PNG utilities that share the same instant, private workspace.
You can shape the output with 8 settings, including Shape, X (px), Y (px) and Width (px), and the result refreshes the moment you change one. The finished file is put together in browser memory and saved with the Download button, so it never touches a server on the way to your disk. A worked example further down the page shows exactly what the tool produces for a real input.
Running locally also makes the tool fast and dependable: results appear as you type or drop a file, there is no server outage that can take it down mid-task, and confidential data can be processed without a second thought.
Frequently asked questions
Is Annotate a PNG free to use?
Yes, it is completely free. All 2,658 tools on EditSafely work without an account, a subscription or usage limits.
Are my files uploaded to a server?
Everything happens locally. Your browser downloads the tool's code once, then does all the processing itself; nothing you enter is transmitted, stored or logged. You can even go offline after the page loads and it will still work.
Which files does Annotate a PNG accept?
It accepts PNG images. There is no file size cap imposed by a server; very large files are limited only by your device's memory.
Do I need to sign up or install anything?
No. The tool works in any modern browser on desktop, tablet or phone. There is no account to create, no extension to add and no software to install.
How do I save the output?
Click the Download button once the result is ready. The file is built in your browser's memory and handed straight to your downloads folder, without passing through a server.