Image Annotator

Add arrows, text, shapes, highlights, and drawings to your images. Perfect for creating tutorials, bug reports, design feedback, and educational materials. Select and move any annotation after placing it. Need to resize your image first or compress it after? We've got you covered. All processing happens in your browser for complete privacy.

Drop your image here

or click to browse files

PNG JPG WEBP GIF BMP
100% browser-based — your images never leave your device
Pro tip: Press Ctrl+V to paste an image from clipboard

How to Annotate Images

  1. Upload your image by dragging it into the editor, clicking to browse, or pasting from clipboard with Ctrl+V.
  2. Select a tool from the toolbar: arrows, shapes, text, pen, highlighter, blur, or more.
  3. Customize the color, stroke width, and other options in the options bar.
  4. Draw on the canvas. Use the select tool to move or resize annotations.
  5. Download your annotated image as PNG, JPG, or WebP when finished.
Need to hide sensitive information? Use the blur or pixelate tools. For step-by-step tutorials, try the numbered markers. After annotating, you can resize or compress your image.

Available Annotation Tools

Arrow

Point to specific elements with directional arrows. Perfect for highlighting buttons, features, or errors.

Pen & Marker

Freehand drawing with different stroke styles. Pen for precise lines, marker for bold strokes.

Highlighter

Semi-transparent highlighting for text or areas you want to emphasize without fully covering.

Text & Callouts

Add labels, descriptions, or callout boxes. Customize font size, style, and color.

Number Markers

Add sequential numbered markers for step-by-step instructions and tutorials.

Blur & Pixelate

Hide sensitive information like personal data, emails, or passwords with blur or pixel effects.

Use Cases for Image Annotation

Developers

Create clear bug reports with arrows pointing to issues. Annotate screenshots for documentation and code reviews.

Designers

Provide visual feedback on mockups. Mark up design changes and communicate revisions to clients or team members.

Educators

Build step-by-step tutorials with numbered markers. Highlight key information in diagrams and educational materials. Use our Image Upscaler to enhance low-res images first.

Support Teams

Guide customers through processes visually. Create how-to guides that are clearer than text instructions.

Frequently Asked Questions

No, all processing happens directly in your browser. Your images never leave your device, ensuring complete privacy. This is ideal for annotating sensitive documents or screenshots containing personal information.

You can upload PNG, JPG, JPEG, WebP, GIF, BMP, and most common image formats. For export, we support PNG (best quality), JPG (smaller file size), and WebP (modern format with excellent compression). Need to convert formats? Try our PNG to JPG or WebP to PNG converters.

Yes! Use the Select tool (V) to click on any annotation. You can then move it by dragging, resize it using the corner handles, or delete it with the Delete key. Double-click text or notes to edit their content. Use Ctrl+Z to undo and Ctrl+Y to redo changes. Ctrl+D duplicates the selected object.

Select the Blur tool (B) or Pixelate tool (X), then draw a rectangle over the area you want to obscure. Adjust the intensity slider to control how strong the effect is. This is perfect for hiding emails, names, or other personal data.

V = Select, P = Pen, M = Marker, H = Highlighter, A = Arrow, L = Line, R = Rectangle, E = Ellipse, T = Text, N = Number, B = Blur, X = Pixelate, K = Crop. When an object is selected: Delete = Remove, Ctrl+D = Duplicate, Arrow keys = Nudge position (Shift+Arrow for 10px). Ctrl+Z = Undo, Ctrl+Y = Redo, Ctrl+V = Paste image.

Since processing happens in your browser, the limit depends on your device's memory. Most devices handle images up to 4000x4000 pixels without issues. For very large images, consider using our Image Resizer first.

Feedback