Annotate a screenshot online

Draw arrows, add text, blur or redact anything sensitive, then crop — instant, right in your browser. Free, no sign-up.

Drop a screenshot to mark it up Mark up a screenshot

Drag & drop it here, or press ⌘V to paste. Pick one straight from your camera roll.

Mark up your screenshot

  1. 1 Pick a tool above and draw on your shot. Tap a tool above, then drag on the shot.
  2. 2 Then Download, or ⌘C to copy it. Pinch to zoom, two fingers to move — then Download below.

Measure distances

Drag across the screenshot — the ruler locks to an axis and its ends snap to nearby edges. Hold ⌘ to place them freely.

Or hold a 1 / 2 or arrow key and move the mouse: the ruler measures the area under the cursor by itself. Click to stamp it, scroll to grow it across the next edge.

Click a stamped ruler to move it (⇧ keeps it on one axis), or drag its ends to fit the exact distance. Drag a stamped ruler to move it, or its ends to fit the exact distance.

Drag me Annotated screenshot
100%

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. To move on to the next one, open File at the start of the top bar and pick Choose a new screenshot (⌘O); File info there shows its size and file details. The rest of the bar is the Snapix editor’s own: the tools sit in one tray — select, the shapes, text, the redact slot and spotlight, numbered steps, the pen and the highlighter — and the ⌄ at its end holds Measure and the emoji stickers. Pick a tool, then drag on the image to place it; the tray beside it changes with the tool, so the arrow shows its colour, width and style (Dart, Classic, Chevron or Sticker), text shows its size and dress, and the redact slot switches between Pixelate, Blur and Black with an Intensity slider. To turn a rectangle, ellipse, text or emoji sticker, select it and drag from just outside one of its corners, where the pointer becomes a curved arrow; hold Shift to turn it in 15° steps.

When it looks right, press Download for a PNG, or open the menu beside it for a JPG or to copy the finished image to your clipboard. The bar along the bottom acts on the whole picture: Rotate turns it 90° with every mark, Crop frames it — drag the edges or draw a region, then pick an output size to shrink it too — and on the right Share hands it to another app. In Chrome and Edge, Drag me drags the image straight into a chat, an email or your desktop, and Pin floats it in a small window that stays on top of everything else while you work.

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 — a Bubble label points at its subject on its own. When the shot itself needs to look presentation-ready, open the Background panel (the first tile in the bar) for a gradient, colour or blurred backdrop with padding, a soft shadow and rounded corners, or run it through our screenshot mockup for a browser or window frame.

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, and the measure tool reads off the exact pixel distance between two edges.

How to redact a screenshot properly

To blur part of a screenshot, choose the redact slot — the mosaic tile — and drag over the email, token or face you want gone; its picker switches between Pixelate, Blur and Black, and the Intensity slider sets how strong it is. To redact a screenshot for anything truly sensitive, be deliberate about it. All three 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 Black, which covers the area with solid black, or push the intensity all the way up. 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 is the editor inside Snapix for Mac, rebuilt for the browser — the same bar of tools in the same order, the same four arrow styles with a curved-bend handle, spotlight, the redact slot with its intensity, emoji stickers, a pixel measure ruler, auto-numbered steps and the Background panel’s gradients, driven by the same single-key shortcuts. On the Mac it is one click from every capture (⌘⇧4, then Edit), adds Extract Text and auto-sized highlighting that read the words in your shot, exports at exact Retina resolution and pins a shot on top of every window.

Frequently Asked Questions

Does the editor work offline?

Yes. The whole editor runs in your browser on an HTML canvas. Once the page has loaded you can keep annotating and exporting with your network off.

Can blurred or pixelated text be recovered?

Pixelate, Blur and Black are destructive: they are baked into the exported pixels, so there is no hidden original layer underneath. But a light pixelation over small text can sometimes be partly reconstructed, because the blocks still echo the letter shapes. For real secrets — API keys, card numbers, faces — pull the Intensity slider up, or use Black, which covers the area with solid black, and look at the result before you share it.

Does the export keep the original resolution?

Yes. Every arrow, box and label is stored in the image’s own coordinate space, so on export the tool re-renders the source and all annotations at full resolution. A Retina screenshot saves at its true pixel size, not the smaller size shown on screen; a Background look adds its padding around it. Extremely large images are capped at 8000px on the long edge to stay responsive.

What keyboard shortcuts are there?

Single keys pick tools, exactly as in the Mac app: V select, R rectangle, F filled rectangle, O ellipse, L line, A arrow, T text, P pixelate, B blur, X black, S spotlight, C step, D draw, H highlighter, M measure, K crop and G for the Background panel. ⌘Z / Ctrl+Z undoes and ⌘⇧Z redoes everything, including crop and rotate. ⌘C copies the finished image (or the selected mark), ⌘S downloads it, Delete removes the selection, Esc deselects, ⌘D duplicates and [ or ] send a mark back or bring it forward. Number keys 1–6 set the size, and with a spotlight selected 1–9 set how dark it dims. Hold Shift to constrain a shape or snap a line to 45°, hold Space to pan, and zoom with ⌘-scroll or ⌘+ / ⌘−.

Which formats can I open and save?

You can open anything your browser decodes — PNG, JPG, WebP, GIF, BMP — by choosing a file, dropping one in, or pasting with ⌘V. iPhone HEIC photos aren’t decodable in most browsers; convert them with our free HEIC to JPG tool first. Download saves it as a PNG (keeps transparency); the menu beside it has JPG and Copy to clipboard. Share hands it to any app that takes a picture, and in Chrome you can drag it straight out of the editor with Drag me.

Is it free? Is there a watermark?

It’s free with no sign-up, no export cap and no watermark stamped on your image. It’s the web companion to Snapix, the Mac screenshot app we make — the tools here are how we introduce it.

On a Mac, this editor is one click from every capture

Press ⌘⇧4 and click Edit on the preview (or have every capture open there) for the same editor — arrows with curved bends, spotlight, blur, numbered steps, emoji stickers, measure, Background looks and Extract Text — exporting at exact Retina resolution.