Image Annotator
Draw arrows, rectangles, circles, text, and highlights on any image. Perfect for screenshot markup, bug reports, and visual feedback. Everything runs in your browser.
400+ images annotated
Drag & drop a file here, Ctrl+V to paste, oror
7 Drawing Tools
Arrows, rectangles, circles, lines, freehand pen, highlighter, and text. Everything you need for screenshot markup and visual feedback.
Full Customization
Pick any color, adjust line thickness, set font size for text. Undo individual annotations or clear all at once. Ctrl+Z keyboard shortcut supported.
100% Private
Your image never leaves your device. All annotation happens locally in the browser using the Canvas API. No server upload, no storage, no tracking.
How the image annotator works
This annotation tool uses a dual-canvas system — one for the image and committed drawings, another for real-time preview as you drag. Annotations are stored as vector data (coordinates, colors, widths) and rendered at full resolution when you export, so even a 4000×3000 photo gets pixel-perfect arrows and text. Since everything runs in the Canvas API in your browser, your image never leaves your device. After annotating, compress the result with the Image Compressor for sharing.
Screenshot markup for teams
Arrows point to specific UI elements. Rectangles highlight regions. Text labels add context. The highlighter draws attention without obscuring content. This is the standard workflow for bug reports, design feedback, and documentation screenshots. If you need to blur sensitive information before annotating, run the image through Face Blur or the Redaction Tool first.
Non-destructive editing
Every annotation is stored as a separate layer. Undo removes the last one, and Clear All resets to the original image instantly. The original pixels are never modified until you click Download — so you can experiment freely. Ctrl+Z keyboard shortcut works for quick undo. After exporting, you can crop the annotated image with the Image Cropper or resize it with the Image Resizer.
Export and format options
PNG is the default for annotations — it preserves sharp edges on arrows and text without compression artifacts. JPEG works for photos where file size matters more than edge sharpness. WebP offers the best of both. All exports render at the original image resolution, not the preview size. To verify that metadata was stripped from the annotated output, check it with the EXIF Checker. Explore all 88 image tools.
Image annotation is a daily task in software development, design, and education. QA engineers annotate screenshots to pinpoint exactly where a bug appears — a red arrow pointing to a misaligned button communicates more clearly than a paragraph describing the issue. Designers mark up mockups with revision notes before handing off to developers. Teachers annotate diagrams, maps, and charts to create custom teaching materials. In all these cases, the key requirement is that annotations are permanent in the export — no hidden layers that could be stripped, no separate overlay file that could get lost.
For best results, choose annotation colors that contrast strongly with the image background — red arrows on a dark photo, dark text on a light screenshot. Use arrows to point to specific elements rather than circling large areas, which can be ambiguous. Keep text labels short and position them near the element they describe. When annotating multiple issues on a single screenshot, number your annotations (1, 2, 3) so they match a written list in your bug report or feedback document.
After annotating, you can combine multiple annotated screenshots into a single PDF using the Image to PDF converter — useful for creating bug reports or design review documents. If the annotated image needs to be posted on social media, resize it with the Social Media Resizer to match platform dimensions. For adding a brand logo overlay instead of freeform annotations, the Image Watermark tool handles repeating or corner-placed watermarks. Read our image annotator guide for tips, examples, and best practices.