Skip to content

Screenshot Annotator

Draws arrows, boxes, numbered steps and blur patches on a screenshot and exports a flat image.

Arrows, boxes, numbered steps and a crop, drawn onto a screenshot and flattened into one PNG — the things a bug report or a how-to needs, without opening a design tool. It also has a pixelate brush, and it is clear about the difference between that and the blur next to it.

🔒 Runs entirely in your browserannotatescreenshotmarkupdocs

Drop a screenshot

Arrows, boxes, text, step numbers, pixelate and crop — all in your browser.

How to use it

  1. Drop the screenshot

    It is drawn to a canvas at full resolution, so text stays as legible as it was.

  2. Pick a tool and drag

    Arrows and boxes follow the drag; the step tool drops a numbered circle and counts up on its own.

  3. Crop last

    The crop is applied on export, so you can keep adjusting the annotations inside it and clear it if you change your mind.

Common questions

Pixelate or blur for something sensitive?

Pixelate. It removes the pixels and they are not in the export. Blur is a visual effect that can be reversed, and the page says so when you select it.

Can I move an arrow after drawing it?

No — undo removes the last one and you draw it again. Keeping every annotation selectable and draggable is a different tool with a different amount of state; this one is meant to be faster than opening that.

Why is the export always PNG?

Because a screenshot is exactly what JPEG is worst at — hard edges and text ring visibly. A PNG of a screenshot is usually smaller as well.

Feed it from

Next

These accept what this tool produces, so the result can go straight in.