Skip to main content
L
Loopaloo
Buy Us a Coffee
All ToolsImage ProcessingAudio ProcessingVideo ProcessingDocument & TextPDF ToolsCSV & Data AnalysisConverters & EncodersWeb ToolsMath & ScienceGames
Guides & BlogAboutContact
Buy Us a Coffee
L
Loopaloo

Free online tools for developers, designers, and content creators. All processing happens entirely in your browser - your files never leave your device. No uploads, no accounts, complete privacy.

support@loopaloo.com

Tool Categories

  • Image Tools
  • Audio Tools
  • Video Tools
  • Document & Text
  • PDF Tools
  • CSV & Data
  • Converters
  • Web Tools
  • Math & Science
  • Games

Company

  • About Us
  • Contact
  • Blog
  • FAQ

Legal

  • Privacy Policy
  • Terms of Service
  • Disclaimer

Support

Buy Us a Coffee

© 2026 Loopaloo. All rights reserved. Built with privacy in mind.

Privacy|Terms|Disclaimer
  1. Home
  2. Image Processing
  3. Image Annotator
Add to favorites

Image Annotator

Annotate images with arrows, shapes, text, highlights, and blur regions. Perfect for screenshot markup, tutorials, and documentation.

Add arrows, circles, text labels, rectangles, and other annotation shapes on top of images. Built for marking up screenshots, highlighting areas of interest in photos, or creating visual instructions. More structured than freehand drawing, each annotation is a separate, movable object.

Runs in your browser and files never uploadedMore image processingJump to full guide

Initializing in your browser…

You might also like

Image Diff Comparator

Compare two images pixel-by-pixel. Multiple comparison modes: side-by-side, overlay, difference highlighting, onion skin, and slider. Perfect for visual regression testing.

Meme Generator

Create memes with customizable text overlays. Add multiple text layers, adjust fonts, colors, and positions.

Image to Base64

Convert images to Base64 encoded strings for embedding in CSS, HTML, or JavaScript. Multiple output formats available.

Image Annotator: a worked example

You need to mark up a screenshot with arrows and a callout to explain a bug in a ticket.

Input

bug.png + 2 arrows, a box, "broken here" label
Image Annotator produces

Output

bug_annotated.png with the markup flattened in

Arrows, boxes, and text turn "it looks wrong" into an unambiguous report, which shortens the back-and-forth on a bug. The annotated copy is exported flattened so it renders the same everywhere.

What is Image Annotator?

Add arrows, circles, text labels, rectangles, and other annotation shapes on top of images. Built for marking up screenshots, highlighting areas of interest in photos, or creating visual instructions. More structured than freehand drawing, each annotation is a separate, movable object.

How to use

  1. 1Upload the image you want to annotate
  2. 2Select an annotation tool (arrow, circle, rectangle, text, etc.)
  3. 3Click and drag on the image to place annotations
  4. 4Adjust color, size, and position of each annotation
  5. 5Download the annotated image

Key features

  • Arrow, line, circle, and rectangle shapes
  • Text labels with font size control
  • Customizable colors and line thickness
  • Movable and resizable annotation objects
  • Numbered markers for step-by-step instructions
  • Export with annotations baked in

Common use cases

  • Bug reports

    Mark up screenshots to clearly show where an issue occurs.

  • Tutorial creation

    Add numbered steps and arrows to screenshots for how-to guides.

  • Design feedback

    Annotate mockups with comments and change requests.

  • Documentation

    Create visual instructions by labeling interface elements.

Frequently asked questions

Can I move annotations after placing them?

Yes. Each annotation is a separate object that can be dragged, resized, and edited after placement.

Is there a limit to the number of annotations?

No practical limit. Add as many as your image needs.

Can I annotate without an uploaded image?

The tool is designed for annotating existing images. For drawing on a blank canvas, use the Drawing Canvas tool.

Private by design

Images are decoded, edited, and exported entirely inside this browser tab. No originals, exports, or metadata are uploaded.