Image Annotator

Add arrows, text, shapes, highlights, stamps, and drawings to your images. Perfect for creating tutorials, bug reports, design feedback, and educational materials. All processing happens in your browser for complete privacy.

Drop your images here

or click to browse - drop several at once to annotate a whole batch

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 images by dragging them into the editor, clicking to browse, or pasting from clipboard with Ctrl+V. Drop several at once to annotate a whole batch. Supports PNG, JPG, WebP, GIF, BMP, and more.
  2. Pick a quick preset if one matches what you are doing, or select a tool from the toolbar - arrows, shapes, text, pen, highlighter, blur, or more. Press ? at any time for the full keyboard shortcut list.
  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, or grab the whole batch as a single ZIP. 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? The Redaction preset puts you straight into the pixelate tool. 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

Start from a quick preset - Bug report, Tutorial, Redaction, Feedback or Approval - and the right tool, colour and stroke are picked for you. Use dashed or dotted lines for emphasis, stamp symbols for quick approvals, and adjust brightness and contrast with the built-in image filters. Step badges renumber themselves when you delete one, cropping is reversible, and you can drop several screenshots in at once and download them together as a ZIP. 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? You can also add styled text to photos or add watermarks for branding.

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

Hit the Bug report preset and start drawing red arrows straight away. Drop a whole folder of screenshots in and mark them all up in one sitting, then export the batch as a ZIP. 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 step badges that renumber themselves when you delete one. 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.

Press ? at any time to open the full cheat sheet inside the editor. The short version: V = Select, P = Pen, M = Marker, H = Highlighter, A = Arrow, L = Line, R = Rectangle, E = Ellipse, T = Text, N = Step badge, 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, Ctrl+Shift+C = Copy to clipboard.

Yes. Drop several files onto the upload area, or use "Add images" in the filmstrip once you are in the editor. Each image keeps its own annotations, and you can switch between them with the thumbnails. "Apply to all" copies the current annotations onto every other image, scaled to fit. When you are done, choose "All images (ZIP)" from the Download menu to get the whole set in one archive. Need to resize the batch or compress it afterwards? We have tools for that too.

No. The crop is a view, not a cut - the full picture stays in memory. Press K, pick a ratio (free, 1:1, 4:3 or 16:9), drag the area you want, and hit "Reset crop" whenever you want the whole image back. Your annotations move with the picture and stay editable. For a dedicated cropping workflow, try our Image Cropper.

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.