How to annotate a screenshot online
Drop a screenshot into the editor above, paste one straight from your clipboard with ⌘V, or press Try a sample to load a mock UI. Pick a tool from the dark toolbar — an arrow, a box, a text label — then drag on the image to place it. Select the arrow tool and drag from a note toward the button you mean; switch to text and click to type a caption. When it looks right, press Copy to put the annotated image on your clipboard, or Save as… to download a PNG or JPEG. Because this is a screenshot editor that runs in your browser, there is nothing to install and no queue to wait for.
What people annotate screenshots for
Bug reports and QA
A good bug report points at the problem. Add an arrow to a screenshot to mark the broken control, draw a rectangle around the region, and drop numbered steps to walk a developer through the reproduction in order. Deleting a step badge renumbers the rest automatically, so you can reorder without renaming everything.
Tutorials, docs and onboarding
For how-to content, the spotlight tool dims everything except the area that matters, which focuses a reader instantly. Pair it with the highlighter and short text labels. When the shot itself needs to look presentation-ready, run it through our screenshot mockup afterward to add a background, padding and a soft shadow.
Code reviews and feedback
Marking up a diff or a design mock is faster than describing it in words. Boxes, arrows and a couple of labels turn a vague comment into something unambiguous.
How to redact a screenshot properly
To blur part of a screenshot, choose the blur tool and drag over the email, token or face you want gone; to redact a screenshot for anything truly sensitive, be deliberate about it. Blur and pixelate here are destructive — they are re-drawn into the exported pixels, with no hidden original layer beneath — but be honest with yourself about strength. Light pixelation over small text can sometimes be partly reconstructed, because the blocks still trace the shape of the letters underneath.
For real secrets — API keys, card numbers, addresses — use a heavy blur, large pixel blocks, or the simplest safe option: an opaque filled rectangle in black. Then look at the exported result before you send it. If you need the text out of an image rather than hidden, our image to text tool reads it in your browser too.
A web version of the Snapix editor
This tool mirrors the editor inside Snapix for Mac — the same filled arrows with a curved-bend handle, spotlight with an adjustable dim, a pixel measure ruler, rectangle and ellipse fill styles, and auto-numbered steps, driven by the same single-key shortcuts. On the Mac it opens the instant you capture with ⌘⇧4, exports at exact Retina resolution, and can pin a shot on top of every window. Same idea here — the markup happens right where the pixels already live.
