Language
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Image Annotator

Image Annotator

Add arrows, shapes, text, highlights, blur, and numbered markers to images. Annotate screenshots for documentation, bug reports, and tutorials in your browser.

Annotate an Image Online

Annotate an image online by adding arrows, shapes, text, highlights, blur areas, and numbered markers right in your browser. Upload a screenshot, mark it up to point out what matters, and download the result in seconds — no software to install.

It is built for fast, clear markup: every annotation can be selected, moved, recolored, and resized after you place it, and the picture exports at its original full resolution with all markup baked in.

Developers & QA

Mark up screenshots for bug reports with arrows, highlights, and numbered steps.

Designers

Add feedback annotations directly on top of design mockups.

Content creators

Create annotated screenshots for tutorials and documentation.

Anyone sharing screens

Quick markup and blurring of sensitive details before you send an image on.

Private by design: every image is processed in your browser. Nothing is uploaded to a server, no account is needed, and no usage data is collected.

How to Annotate an Image

1

Add an image

Click the upload area, drag and drop a file, or press Ctrl+V to paste from your clipboard. PNG, JPG, WebP, GIF, and BMP are all supported.

2

Pick a tool

Choose a tool from the toolbar — Arrow, Line, Rectangle, Ellipse, Freehand, Text, Highlight, Blur, or Number — or press its single-key shortcut.

3

Draw and customize

Draw on the image, then use the options bar to set color, stroke width, font size, fill, and tool-specific settings. Selecting an annotation shows only the controls that apply to it.

4

Edit anything

Click any annotation to select it and drag to reposition. Double-click a text label to retype it. Press Delete to remove the selection, and Ctrl+Z / Ctrl+Shift+Z to undo and redo.

5

Download

Pick PNG, JPEG, or WebP and click Download. The image is exported at its original full resolution with every annotation rendered at the correct scale.

Features

Arrows & Lines

Draw single- or double-headed arrows to point at a spot, plus straight lines for connecting or dividing elements.

Rectangles & Ellipses

Frame a region with outline or filled shapes — toggle fill on or off for either shape.

Freehand Drawing

Sketch freely with a pen tool for circling, underlining, or any custom markup.

Text Labels

Type labels with adjustable size, a bold toggle, and an optional dark background for readability over busy images.

Highlight

Paint a semi-transparent overlay to draw the eye to an area without hiding what is underneath.

Blur Sensitive Areas

Pixelate a region to hide emails, names, or passwords before you share the screenshot.

Numbered Markers

Drop auto-incrementing numbers in colored circles to lay out step-by-step instructions.

Move & Edit Anything

Click any annotation to select it, drag it to reposition, and double-click text to edit it inline — the options bar adapts to the selected type.

Colors & Styles

Pick from 7 preset colors or a custom color, set the stroke width (2, 3, 5, or 8), and choose from five font sizes.

Undo, Redo & Clear

Step back and forward through up to 50 history states, delete a single annotation, or clear them all at once.

Full-Resolution Export

Download the annotated image at its original dimensions as PNG, JPEG, or WebP.

Keyboard Shortcuts

Switch tools with single keys (V, A, L, R, E, P, T, H, B, N) and paste images with Ctrl+V for a fast workflow.

Frequently Asked Questions

How do I annotate an image online?

Add an image by clicking the upload area, dragging a file in, or pasting with Ctrl+V. Pick a tool such as Arrow, Text, or Highlight, draw on the image, then click Download. Nothing needs to be installed.

How do I add arrows to a picture?

Choose the Arrow tool (or press A) and drag from the start point to where the arrow should point. Use the Style option to switch between single- and double-headed arrows, and the options bar to change color and stroke width.

What image formats can I upload?

You can open PNG, JPG, WebP, GIF, and BMP images, and you can also paste an image straight from your clipboard with Ctrl+V.

Is the exported image the same resolution as the original?

Yes. The canvas shows a scaled-down preview to fit your screen, but on download the image is exported at its original full resolution with every annotation rendered at the matching scale.

Can I edit annotations after placing them?

Yes. Click any annotation to select it, then drag to move it or change its color, stroke width, and other properties from the options bar. Double-click a text label to retype its content.

How do I hide sensitive information in a screenshot?

Use the Blur tool (press B) and draw a rectangle over the sensitive area. It pixelates the content underneath so emails, names, or passwords stay unreadable in the exported image.

What keyboard shortcuts are available?

Each tool has a single-key shortcut: V Select, A Arrow, L Line, R Rectangle, E Ellipse, P Freehand, T Text, H Highlight, B Blur, and N Number. Use Ctrl+Z to undo, Ctrl+Shift+Z to redo, and Delete to remove the selected annotation.

Can I work on more than one image?

You annotate one image at a time. Click New Image to load a different file — note that loading a new image clears the current annotations, so download your work first.

Is my uploaded image private?

Yes. All image processing happens entirely in your browser. Your images are never uploaded to any server, so they stay completely private.

Drop an image here or click to upload
PNG, JPG, WebP, GIF, BMP
Press A for arrows, R for rectangles, T for text - each tool has a keyboard shortcut
Click any annotation to select it, then drag to reposition
Double-click a text annotation to edit its content
Use the Blur tool to hide sensitive information like emails or passwords
Toggle BG off for text without the dark background overlay
Use numbered markers to create step-by-step visual instructions
Press Ctrl+Z to undo and Ctrl+Shift+Z to redo
All processing happens in your browser - images never leave your device
Want to learn more? Read documentation →
1/9
Start typing to search...
Searching...
No results found
Try searching with different keywords