Photo Editor· 5 min read

Draw and Annotate Images Online — Free Browser Tool

Annotate screenshots and photos in your browser with freehand pen, arrows, rectangles, and circles. No signup, no uploads, no watermarks.

Screenshots without annotations are half a message. Circling the button, pointing an arrow at the error, or scribbling a note is what turns a screenshot into documentation, a bug report, or a tutorial step.

Tools available

  • Freehand pen with adjustable stroke width and color.
  • Rectangles and circles for highlighting UI regions.
  • Arrows for pointing at specific elements.
  • Text layers for numbered callouts.

Recommended workflow

  1. Paste a screenshot with Ctrl+V or drop the file.
  2. Pick the Draw tool and scribble a rough highlight.
  3. Switch to Shapes and draw a clean rectangle over the region.
  4. Add a text layer with a number or short caption.
  5. Export as PNG so lines stay crisp.

Why PNG for annotations?

JPG compresses hard edges into gradients, which turns crisp arrows into fuzzy smears. PNG keeps every pixel sharp and supports transparency if you plan to layer the annotated shot on a slide.

Annotate a screenshot

Try it now

Ready to put this into practice? Everything runs in your browser — no uploads, no signup.

Open the tool →

Keep going

Try these tools next

Try another free tool in the same workflow.