UtilityToolsLab

© 2026 UtilityToolsLab. Built and maintained by the UtilityToolsLab Team.

Free eBooks·About·Changelog·Privacy Policy·Terms of Service·Report a bug
HomeImage & DesignImage Annotator

Related Tools

Image CompressorHEX ↔ RGBQR CodeColor PaletteGradient GeneratorContrast CheckerImage ResizerFormat ConverterGrayscale ConverterBrightness & ContrastWatermark ToolMetadata ViewerImage PixelatorFlip & RotateImage Cropper

Image Annotation & Markup Tool

Annotate screenshots with arrows, shapes, freehand drawing, highlights and text labels. Undo/redo, clipboard paste, PNG/JPEG export — 100% client-side.

You Might Also Like

All Image & Design

Image Compressor

Compress JPEG, PNG, and WebP images in your browser. Control quality and max dimensions — no server upload required.

HEX ↔ RGB

Convert color codes between HEX, RGB, RGBA and HSL instantly, with a live visual preview. Built for designers and CSS work — free, no sign-up.

QR Code

Generate QR codes from any URL, text, email or phone number instantly and download them as PNG. Free, no sign-up, and runs in your browser.

Color Palette

Generate harmonious color palettes from any base color. Supports complementary, triadic, analogous, and monochromatic schemes.

Upload a screenshot, drop an image, or press Ctrl+V to paste directly from the clipboard. Image Annotation & Markup Tool places a full-resolution drawing canvas over the image immediately, and every mark you add stays in your browser — nothing is uploaded.

Seven annotation tools cover the most common documentation tasks: the arrow points at a specific element in a screenshot; the rectangle and circle draw clean outlines around a region; the highlighter lays a semi-transparent wash over a sentence or a UI element; the pen and line give freehand and straight-line drawing; and the text tool plants a label wherever you click. Each tool shares the same colour picker and line-weight controls, so the arrow pointing at a button can match the rectangle drawn around it.

Getting Started with a Screenshot

  1. Take a screenshot and press Ctrl+V (or Cmd+V on macOS) anywhere on the page. The image appears instantly on the canvas without a file picker.
  2. Select Arrow from the toolbar, pick a colour (the terracotta swatch matches the site’s own call-to-action colour), and drag from your starting point to the element you want to call out.
  3. Switch to Text, click the canvas where you want the label, type your note in the input that appears, then press Enter or click Place.
  4. If a mark lands wrong, press Undo (the rotate-left icon). Undo and Redo step through every committed stroke.
  5. Choose PNG or JPEG and click Download. The annotated image exports at the original pixel dimensions of the source file.

What It Accepts: Files, Clipboard and Canvas Behaviour

  • Supported formats: JPEG, PNG, WebP, GIF and BMP. Files above 30 MB return the message “File exceeds the 30 MB limit” with the actual size shown.
  • Display canvas is capped at 1,200 × 800 px. Images larger than this are scaled down for display only. The download merges annotations at the original resolution, so a 3840 × 2160 screenshot exports as a full 4K annotated file.
  • Undo depth is unlimited within the session. Each committed stroke saves a full ImageData snapshot, so you can step back through every arrow, rectangle and text label. Clearing all annotations counts as a single undoable action.
  • Clipboard paste requires page focus. Browsers block clipboard reads from background tabs as a security measure — click anywhere on the page before pressing Ctrl+V.

Drop an image, click to browse, or press Ctrl+V to paste a screenshot

JPEG · PNG · WebP · GIF · BMP  ·  max 30 MB

Upload Image