Image Annotator

Add arrows, text, shapes, highlights, stamps, and drawings to your images. Perfect for creating tutorials, bug reports, design feedback, and educational materials. Use dashed or dotted lines for emphasis, stamp symbols for quick approvals, and adjust brightness and contrast with built-in image filters. Save annotation templates to reuse across images, and export as PNG, JPG, WebP, or SVG. Need to resize your image first, compress it after, or crop a specific area? We've got you covered. You can also add styled text to photos or add watermarks for branding. 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
Related Tools:
Image Resizer Image Cropper Compress PNG Image Upscaler Watermark Maker Screen Capture Add Text to Photo PNG to JPG

How to Annotate Images

  1. Upload your image by dragging it into the editor, clicking to browse, or pasting from clipboard with Ctrl+V. Supports PNG, JPG, WebP, GIF, BMP, and more.
  2. Select a tool from the toolbar - arrows, shapes, text, pen, highlighter, blur, or more. Use keyboard shortcuts for faster access.
  3. Customize the color, stroke width, fill mode, line style (solid, dashed, dotted), and opacity in the options bar. Use stamps for quick symbols like checkmarks and stars. Adjust layer order with bring-to-front and send-to-back controls.
  4. Draw on the canvas. Use the select tool to move, resize, or edit annotations. Press Delete to remove, Ctrl+D to duplicate.
  5. Download your annotated image as PNG, JPG, WebP, or SVG. Save annotation templates to reuse on future images. Need a different format? Use our PNG to JPG or JPG to PNG converters.
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, compress, or convert to WebP for smaller file sizes.

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.

Stamps

Quick symbols like checkmarks, crosses, stars, and warnings. Perfect for marking approvals, issues, or priorities on screenshots.

Image Filters

Adjust brightness, contrast, and saturation of the base image before annotating. Fine-tune how your image looks.

Use Cases for Image Annotation

Developers

Create clear bug reports with arrows pointing to issues. Annotate screenshots for documentation and code reviews. Use our Screen Capture to grab screenshots directly.

Designers

Provide visual feedback on mockups. Mark up design changes and communicate revisions to clients. Need to resize mockups? Try our Image Resizer.

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. Compress images before sending via email.

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, adjust its opacity, or delete it with the Delete key. Double-click text or notes to edit their content. Use Ctrl+Z to undo, Ctrl+Y to redo, and Ctrl+D to duplicate. You can also reorder annotations with the bring-to-front and send-to-back controls.

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, G = Stamp, B = Blur, X = Pixelate, F = Filters, 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.

Yes! Click the Templates button in the action bar and choose "Save Current as Template." Your annotations are saved in your browser and can be loaded onto any future image. This is great for repeating the same annotation layout across multiple screenshots.

You can export as PNG (best quality, supports transparency), JPG (smaller file size), WebP (modern format with great compression), or SVG (vector format - annotations like arrows, shapes, and text stay editable). Need another format? Use our PNG to JPG, PNG to WebP, or WebP to PNG converters after downloading.