How to annotate a screenshot online
Drop a screenshot into the editor above, paste one straight from your clipboard with ⌘V, or press Upload a screenshot to choose a file. 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 Download for a PNG, or open the menu beside it for a JPG or to copy the image straight to your clipboard — on a phone that menu is the ··· button next to Download, and it also holds Share, which hands the finished image to Photos, Messages or anything else that takes a picture. The menu button at the top left of the toolbar holds the two things that act on the picture rather than the marks on it — Start a new image and Crop image; once you have drawn on the current shot, starting a new one asks for a second press before it clears. Cropping puts a small bar beside the frame that follows it as you drag — apply the crop there, or dismiss it with the ✕. 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.
