What this tool does
Lets you draw freehand, add shapes (rectangle, circle, arrow), and place text labels on any image. Output as PNG.
Image tool
Image Draw and Markup Tool
Draw on images, add arrows, boxes, circles, and text annotations directly in your browser. Perfect for marking up screenshots and creating visual instructions.
Complete guide
How to use Image Draw and Markup Tool
Image tools guide for image draw and markup tool users.
Annotating images is essential for feedback, bug reports, tutorials, and design reviews. This tool gives you a simple drawing canvas over your image: freehand drawing, shapes (rectangles, circles, arrows), and text labels.
All editing runs in your browser — nothing is uploaded. Download the annotated image as PNG.
How to use it
Upload your image. Select a tool (pen, rectangle, arrow, text). Draw or click to place shapes. Adjust colour and stroke width. Download when done.
Common uses
Bug reports with annotations, design feedback on mockups, step-by-step tutorial screenshots, highlighting areas of interest in photos.
Quick checklist
- Use arrows to point to specific elements.
- Change colour to red for errors, green for approvals.
- Undo removes the last shape or stroke.
- Download as PNG to preserve the annotations at full quality.
Answers
Image Draw and Markup Tool FAQs
Can I undo annotations?
Yes — the Undo button removes the most recent shape or stroke.
Does this edit the original file?
No. The original image is kept in memory unchanged. The download produces a new PNG with the annotations flattened onto it.
What output format is available?
PNG — it preserves the annotations at full quality without compression artefacts.
Can I add text with a custom font?
Text is added using the browser's default sans-serif font. Custom fonts are not currently supported.