Image Tools · Browser-based utility
Annotate Image & Mosaic Online Free
Draw on an image with pen, line, rectangle, arrow, text, mosaic or blur tools, set colors and sizes, undo edits, restore the original and export PNG.
What this tool does
Draw on an image with pen, line, rectangle, arrow, text, mosaic or blur tools, set colors and sizes, undo edits, restore the original and export PNG.
People often describe this task with phrases such as annotate image online, draw on image, add arrow to image, mosaic image and blur image area. This page uses those terms only where they refer to the same underlying function.
How to use the Annotate Image & Mosaic
- Open the Annotate Image & Mosaic page and select or enter the source data required by the tool.
- Review the available controls instead of accepting defaults blindly when the destination has a size, format, layout or compatibility requirement.
- Run the operation and inspect the preview, status or generated result before treating it as final.
- Download or copy PNG and verify it in the destination application, browser, viewer or workflow that will actually use it.
Use the interactive tool above for the actual operation. The documentation below explains what the controls mean, what changes in the file/data, and how to troubleshoot common results.
Settings and capabilities explained
| # | Control or capability |
|---|---|
| 1 | Tools: pen, line, rectangle, arrow, text, mosaic, blur |
| 2 | Stroke color |
| 3 | Line width |
| 4 | Text size and text content |
| 5 | Undo |
| 6 | Restore original |
| 7 | PNG save |
Supported input and output
- Input: one image
- Output: annotated PNG
How it works technically
Raster image operations work on decoded pixel data. Dimensions, alpha transparency, color representation and encoder settings can all affect the result independently.
Annotations are rasterized into output pixels, so saved marks become part of the image.
Mosaic typically replaces local detail with enlarged blocks; blur averages neighboring pixels. Both are visual redaction methods, but they are not equivalent to cryptographic removal of underlying source data once a separate original still exists.
Common use cases
- Mark up a screenshot
- Draw arrows around an issue
- Redact a region with mosaic
- Add labels to a diagram
- Highlight a UI element
Choosing the right settings
- For sensitive redaction, export the edited copy and avoid distributing the unredacted original.
- Use arrows and rectangles for clear technical screenshots.
Common problems and fixes
Undo does not restore the original file on disk
Edits operate on the browser copy; the source file remains separate. Use “restore original” inside the tool to reset the canvas.
Browser processing and privacy notes
The source code for this build performs the documented file transformation or analysis from browser JavaScript/Web APIs, and the video tools load FFmpeg.wasm for media processing. The site also contains third-party analytics, font/CDN and advertising scripts that can make ordinary network requests. Therefore, the precise claim made here is limited to the tool routine: it does not need a separate AutoClip file-upload API in order to perform the documented local operation.
For sensitive files, you should still use your browser’s developer tools or network controls if you need to independently verify the behavior of every third-party request in your environment.
Frequently asked questions
What does the Annotate Image & Mosaic do?
Draw on an image with pen, line, rectangle, arrow, text, mosaic or blur tools, set colors and sizes, undo edits, restore the original and export PNG.
What input and output does it use?
Input: one image Output: annotated PNG Outputs include PNG.
Do I need to install desktop software?
No desktop installation is required for this page. The interactive workflow runs from the web browser. Some advanced media features load browser-side JavaScript/WebAssembly libraries when needed.
Are selected files processed through the tool interface?
Yes. The implementation reads selected files with browser APIs and performs the documented transformation or analysis in the page. External libraries, analytics and advertising scripts may make their own network requests, so this statement is about the file-processing routine itself.
Undo does not restore the original file on disk?
Edits operate on the browser copy; the source file remains separate. Use “restore original” inside the tool to reset the canvas.