Connecting to OmniTools before opening this tool…
Only a temporary connection check is sent. Your files and tool inputs stay in your browser.
How Image Annotator & Redactor works
The Image Annotator & Redactor is a high-precision graphic markup and sensitive data redaction utility operating entirely within client-side browser memory using HTML5 Canvas composite rendering. Designed for technical writers, product teams, QA engineers, and legal personnel, the tool enables rapid placement of directional arrows, highlight rectangles, freehand callouts, styled typography notes, sequential numbered badges, and permanent blackout or visual blur redactions directly over screenshots and documents.
Unlike cloud-based markup tools that upload unflattened layers to third-party servers, this annotator applies an irreversible raster flattening pipeline upon export. Drawing vectors and redaction coordinates are directly burned into the underlying pixel array using offscreen canvas buffers. When applying blackout bars, the redactor overwrites original pixel RGB values with solid black #000000 across the designated bounding box, completely destroying sensitive text, credit card numbers, or personally identifiable information (PII) before encoding to lossless 32-bit PNG or JPEG.
The interactive canvas features sub-pixel coordinate tracking, high-DPI retina display normalization, full undo/redo state stack history, and non-destructive object transformation until final export. By executing 100% locally on the device GPU/CPU, zero image data or EXIF metadata ever crosses a network boundary.
How to use Image Annotator & Redactor
1. Upload Source Image
Drag and drop or browse for any PNG, JPEG, or WebP graphic. The file is decoded into local browser memory as an uncompressed bitmap buffer without server interaction.
2. Select Annotation or Redaction Tool
Choose from directional arrows, rectangular borders, freehand highlighter pens, formatted text labels, numbered step badges (1, 2, 3), or blackout/blur redaction boxes.
3. Customize Visual Properties
Adjust line stroke thickness, accent color palettes, badge numbers, font sizing, and redaction styles with live real-time canvas updates and full undo/redo history.
4. Export Flattened Output
Download the annotated visual as a high-resolution, flattened PNG or JPG with permanent pixel-level burns, ensuring underlying confidential content cannot be inspected or recovered.
Key features and technical specifications
Irreversible Raster Flattening
Redaction boxes overwrite underlying pixel arrays directly on export, permanently destroying confidential data rather than relying on removable vector overlays.
Numbered Step Callouts
Sequential numbered step badges with automatic auto-incrementing counters for generating clear software tutorials, QA bug tickets, and user guides.
Multi-Pass Canvas History
Dedicated undo and redo stack tracking canvas state snapshots to enable seamless correction and iteration without destructive canvas degradation.
High-DPI Retina Normalization
Canvas context scales automatically to match device pixel ratios, preserving crisp typography and fine arrow strokes on Apple Retina and 4K displays.
Making screenshot annotations readable
An arrow should identify the relevant control without covering its label. Use a contrasting annotation color and inspect the result at its intended display size. For sensitive information, prefer an opaque cover over a decorative blur and inspect the saved pixels, not just the editor overlay.
QA Engineers & Testers
Annotate bug screenshots with clear directional arrows, error callouts, and reproduction step badges for Jira, GitHub Issues, and developer bug reports.
Technical Writers & Educators
Produce documentation diagrams, software guide steps, and knowledge base screenshots with clean, standardized visual callout typography.
Legal & Compliance Officers
Permanently redact bank account details, SSNs, client names, and confidential contract clauses from document images before public disclosure.
Product Managers
Mark up wireframes, UI design mockups, and live staging dashboards to provide actionable visual feedback to engineering and design teams.
Frequently asked questions
How should I verify that image redaction hides the intended pixels?
When you export your annotated image, the canvas rendering engine performs a destructive pixel overwrite. The RGB values within the redaction coordinates are permanently replaced with solid #000000 or averaged blur pixels. Because the file is exported as a single flat raster PNG/JPEG without vector layers, there are no hidden text streams, metadata tags, or underlying layer objects that can be uncovered using inspector tools or image editing software.
What image formats and file sizes can I annotate?
The tool supports PNG, JPEG, WebP, BMP, and SVG files up to 30MB. Images are rendered using the browser native image decoder into an offscreen canvas. Resolution is preserved at 100% native quality without automatic downsampling unless explicitly requested.
Can I undo actions or delete specific annotations?
Yes! The annotator maintains a comprehensive undo/redo history stack. You can step backward through recent drawing actions or select specific redaction and annotation boxes to delete or reposition them before exporting.
Do I need an internet connection, and are my inputs uploaded?
An internet connection is required to open tools and refresh a temporary session. Processing stays on your device; the handshake sends a random challenge, not files or text inputs. Libraries, fonts or models may download. Local processing cannot remove risks from an untrusted device or extension.
Can I copy the annotated screenshot directly to my clipboard?
Yes! In supported modern browsers, you can copy the exported image directly to your system clipboard with one click for immediate pasting into Slack, Notion, GitHub, or email clients.