Browser tool

Image Annotation Tool

Add arrows and labelled boxes to an image, in your browser.

Arrows & boxes · add annotations; click Process to bake the PNG.
Result will appear here.

How this tool works

What it does

Image Annotation Tool adds arrow and labelled-box annotations to an image.

Tools

Arrow or box; colour and line width; optional box label.

Apply

Click Process to bake the canvas into the PNG.

Privacy & metadata

Everything runs in your browser on a canvas — your image is never uploaded. Browser canvas export strips EXIF, GPS, and most other source metadata.

Image Annotation Tool in your browser

Image Annotation Tool adds arrow and box annotations to an image in your browser. Everything runs in your browser on a canvas — your image is never uploaded. Pick a colour and line width, choose the arrow or box tool, drag on the image to place it, and (for boxes) add a label.

Annotating works with pointer events for mouse, touch and stylus. Use Undo to remove the last annotation and Reset edits to start over. Edits stay on the canvas until you click Process to prepare the download.

Image Annotation Tool exports a PNG; the result panel shows the output dimensions and file size. Browser canvas export strips EXIF, GPS, and most other source metadata. Animated GIFs are processed as a single still frame; animation is not preserved.

How to use Image Annotation Tool

  1. Upload your image into Image Annotation Tool — click, press Enter, or drag it in.
  2. Choose the arrow or box tool and pick a colour and line width.
  3. Drag on the image in Image Annotation Tool to place the annotation; add a label for boxes.
  4. Click Process to bake your annotations, then download the PNG.

Why use Image Annotation Tool

Arrows & boxes

Point at things with arrows or frame them with labelled boxes.

Mouse, touch & stylus

Pointer-based placement works across devices.

Undo & reset

Remove the last annotation or start over.

Private by design

Everything runs in your browser on a canvas — your image is never uploaded.

Common uses for Image Annotation Tool

Bug reports

Point at the problem in a screenshot.

How-tos

Box and label steps in a UI.

Feedback

Mark up a design or photo.

Teaching

Annotate a diagram.

Frequently asked questions

What can Image Annotation Tool draw?

Arrows and rectangle boxes, in a colour and line width you choose. Boxes can have an optional text label at the top-left.

Does Image Annotation Tool work on touch screens?

Yes. Image Annotation Tool uses pointer events, so it works with mouse, touch and stylus.

Why is my Image Annotation Tool download unchanged?

The download is only updated when you click Process. After annotating (or undoing), click Process again, then download.

Are my images uploaded by Image Annotation Tool?

No — Image Annotation Tool processes your image in your browser on a canvas; nothing is uploaded.

Related editing tools

Tools that pair well with Image Annotation Tool.