Creation
Image Annotator
Annotate screenshots - arrows, text, blur, highlights, numbered steps, freehand. Copy or download.
Your files stay on your device - processed locally via WebAssembly, never uploaded
Drop image, paste with Ctrl+V
Or use the screen capture button
Embed this tool on your website
Copy this code to add the Image Annotator to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.
<iframe src="https://optipix.art/embed/image-annotator" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="Image Annotator by OptiPix" loading="lazy"></iframe> <p style="font-size:12px">Free tool by <a href="https://optipix.art/image-annotator">OptiPix Image Annotator</a></p>
Love these free tools? Support us a different way.
OptiPix is 100% free with no limits and no paywalls. Instead of donations, you can support us by trying Arteza — our all-in-one cinema-grade Gen AI creative suite for image, video, and audio generation.
Explore Arteza →Cinema-grade AI generation · Used by creators worldwide
About Image Annotator
Last updated: November 2026
OptiPix Image Annotator is the screenshot markup tool you've been missing - paste a screenshot with Ctrl+V, draw arrows and rectangles, add text callouts, place numbered step markers, blur sensitive info like emails and passwords, then copy the result back to your clipboard for instant pasting into Slack, Jira, or email. Tools include arrow, line, rectangle (outlined or filled), ellipse/circle, freehand pen, text callout, numbered step markers, semi-transparent highlight, blur/pixelate region, and crop. Each shape supports color, thickness, fill opacity, and font size. Select any annotation to move, resize, or delete it. Undo / redo via Ctrl+Z / Ctrl+Shift+Z. The 'Capture Screen' button uses getDisplayMedia to grab a screen, tab, or window. Output to PNG or JPEG, or copy directly to the clipboard. Everything is rendered to a canvas locally - your screenshots never get uploaded.
How It Works
Annotations are stored as a vector list of shapes (arrow, rect, text, etc.) and rendered each frame onto a canvas above the source image. On export, all shapes are flattened into a single PNG/JPEG bitmap that can be copied to the clipboard or downloaded.
Use Cases
- •Create annotated bug reports for engineering teams
- •Mark up design mockups with feedback for designers
- •Build step-by-step tutorials with numbered screenshots
- •Blur sensitive personal info before sharing screenshots publicly
- •Add arrows and text to product screenshots for documentation
You Might Also Like
If you find Image Annotator useful, check out these related tools: Image Crop, Object Remover, and Image Comparison. All tools run entirely in your browser with no uploads or signups required.
Explore more: Browse all tools · Step-by-step guides · Tips & tutorials · Compare tools
What the Image Annotator is good at - and what it isn't
Annotations are kept as a vector list - each arrow, box, highlight and label is an object, redrawn onto a canvas above the image every frame. That is why you can move and delete them freely while you work.
On export they are flattened into the bitmap, which is the right behaviour for the thing this is mostly used for: marking up a screenshot so a colleague can see what you mean. The result is one image that looks the same in a chat window, a ticket and an email.
Frequently Asked Questions
Can I paste a screenshot from the clipboard?
How do I blur sensitive info?
Can I add numbered step markers?
Does this upload my screenshot?
Can I edit annotations after drawing them?
Articles about Image Annotator
- Add Arrows and Circles to Images Online4 min
- Annotate Architectural Drawings Online4 min
- Annotate Images for Design Feedback3 min
- Annotate Images for Presentations4 min
- Annotate Images for Social Media Posts4 min
- Annotating Medical Images Online4 min
- How to Annotate Screenshots Like a Pro3 min
- Image Annotation for Technical Documentation4 min
- Image Annotation Tools for Teachers4 min
- How to Blur Sensitive Info in Screenshots4 min
- Draw on Photos Online - Free Tools4 min
- Free Screenshot Annotation Tool - Arrows, Blur, Numbered Steps5 min
- How to Highlight Text in Images4 min
- Image Markup Best Practices for Teams4 min
- Markup Tools That Need No Installation4 min
- Add Numbered Steps to Screenshots4 min
- How to Redact Information in Images4 min
- Screenshot Markup for Better Bug Reports4 min
- Screenshot to Jira: Annotation Workflow3 min
- Best Free Screenshot Annotation Tools 20263 min
- Screenshot Workflow Tips for Product Teams5 min
Related Tools
Image Crop
Crop to any aspect ratio or shape - circle, heart, star, hexagon - with rotate and straighten.
Object Remover
Erase objects, people, text, and watermarks from photos with brush-and-fill inpainting.
Image Comparison
Compare two images - slider, side-by-side, diff, onion skin, and pixel statistics.
QR Code Generator
Generate and scan QR codes instantly in your browser.