Image Annotator

Add arrows, text, shapes, step numbers, blur and a magnifier to screenshots and photos - perfect for bug reports, tutorials and design feedback. Grab a screen first with Screen Capture, or hide faces with Censor Photo. Everything happens in your browser.

Drop screenshots or photos here or browse - drop several at once to annotate a whole batch PNGJPGWebPGIFBMP
Paste with Ctrl+V Nothing is uploaded

How to annotate an image online

  1. Add your image. Drop a screenshot or photo into the box, paste it with Ctrl+V, or browse for it. Drop several to annotate a whole batch.
  2. Pick a preset or a tool. Start from Bug report, Tutorial, Redaction, Feedback or Approval, or choose arrows, shapes, text, step badges, blur, spotlight or the magnifier.
  3. Draw and adjust. Drag on the image to draw. Use the Select tool to move, resize, recolour or delete anything you added.
  4. Download or copy. Save as PNG, JPG, WebP, SVG or PDF, copy straight to the clipboard, or download a whole batch as one ZIP.

Press ? in the editor for every shortcut. Need a different format afterwards? Use PNG to JPG or PNG to WebP.

Annotation tools

Every mark stays editable until you download.

Start from a quick preset - Bug report, Tutorial, Redaction, Feedback or Approval - and the right tool, colour and size are picked for you.

Arrows

Straight, curved or elbow, with open, filled or double heads. Hold Shift for perfect 45° angles.

Shapes

Rectangles and ellipses - outline, solid or see-through, solid, dashed or dotted, with an optional drop shadow.

Text & callouts

Plain, outlined or label-style text that stays readable on busy screenshots, plus speech-bubble callouts that wrap.

Step badges

Numbered markers for tutorials. Delete one and the rest renumber; Renumber sorts them in reading order.

Magnifier

Drag over a tiny detail and a zoomed lens appears beside it, joined by a line - ideal for small buttons and fine print.

Spotlight

Dims everything except the area that matters. Several spotlights share one dim layer, so each stays bright.

Pen, marker & highlighter

Smooth freehand strokes with mouse, touch or stylus. The straight edge turns any stroke into a clean line.

Stamps & notes

Crisp vector stamps - check, cross, star, warning, bug, idea - and numbered sticky notes for design feedback.

Want text in a fancy font or a logo on top? The Watermark Image Maker handles branding, and the Meme Generator does bold captions.

Hide sensitive information safely

Screenshots leak more than you think: emails, order numbers, faces, API keys.

Use Pixelate for text and numbers - large blocks can’t be read back. Blur looks softer and suits faces and backgrounds.

  • Permanent on export. The saved PNG, JPG, WebP, PDF and even SVG contain the replaced pixels, not a removable layer.
  • Go strong. Push the intensity up for small text - light blur on large letters can stay readable.
  • Share the image, not the project. A saved project file keeps the original picture so you can keep editing.

Need to blur a whole photo or many faces? Try Censor Photo.

Who uses an image annotator?

Developers

Hit Bug report and draw red arrows straight away. Mark up a folder of screenshots in one sitting and grab them as a ZIP. Capture screens with Screen Capture.

Designers

Pin numbered sticky notes on mockups and magnify the pixel that bugs you. Resize mockups with the Image Resizer.

Educators

Build step-by-step guides with badges that renumber themselves. Sharpen blurry diagrams first with the Image Upscaler.

Support teams

Spotlight the button customers miss, then copy the image straight into the reply. Bundle several shots into one file with Screenshot to PDF.

Keyboard shortcuts

Press ? in the editor for the full cheat sheet.

KeysAction
V, P, M, HSelect, pen, marker, highlighter
A, L, R, EArrow, line, rectangle, ellipse
T, N, C, O, GText, step badge, callout, sticky note, stamp
B, X, S, ZBlur, pixelate, spotlight, magnifier
F, K, DAdjust image, crop, eraser
Ctrl+Z / Ctrl+YUndo / redo
Ctrl+D, Delete, arrowsDuplicate, delete, nudge (Shift = 10px)
Ctrl+V, Ctrl+Shift+C, Ctrl+SPaste image, copy result, save project

Frequently Asked Questions

No. The annotator runs entirely in your browser, so your screenshots never leave your device.

Autosave keeps your work in this browser only - switch it off under Export settings on a shared computer.

You can open PNG, JPG, WebP, GIF, BMP and most other formats your browser can display. iPhone HEIC photos need converting first with HEIC to JPG.

You can save as PNG, JPG, WebP, SVG (arrows, shapes and text stay editable) or a PDF document. Need a smaller file afterwards? Try Compress PNG.

Yes. Pick the Select tool (V) and click any annotation to move it, resize it with the handles, change its colour, size or opacity, or delete it.

Double-click text, callouts and notes to edit the words. Ctrl+Z undoes, Ctrl+Y redoes, Ctrl+D duplicates.

Choose Blur (B) or Pixelate (X) and drag a box over the area, then raise the intensity for a stronger effect.

When you download, the hidden pixels are replaced for good - nobody can remove the blur from the saved image. For whole photos, the Censor Photo tool is also handy.

Yes. Drop up to 30 images, or use Add images in the filmstrip. Each image keeps its own annotations, and Apply to all copies the current ones onto every image.

Download saves the whole set - more than two images come as one ZIP, or as a multi-page PDF.

No. The crop is a view, not a cut - the full picture stays in memory. Press K, pick a ratio, drag the area you want and press Reset crop whenever you want the whole image back.

For exact sizes like Instagram or YouTube, use the Image Cropper.

Yes, three ways. Autosave offers to restore your last session when you come back in the same browser.

Save project downloads a .json file you can open again anywhere, and Templates reuse the same annotation layout on new screenshots.

The limit is your device memory. Desktop browsers handle up to about 40 megapixels and phones about 16 - larger pictures are scaled down automatically so the editor stays fast.

Want a smaller file first? Use the Image Resizer.

Guides & Tutorials

All 44 guides
Tutorial How to Censor Photos Online - Blur Faces, Pixelate & Redact Images Feb 19, 2026 · 9 min read Read New Tutorial How to Add a Favicon to Your Website (2026 Setup) Nov 13, 2026 · 4 min read Read New Tutorial How to Remove the Background from a GIF (and Keep the Animation) Nov 13, 2026 · 4 min read Read