ℹ️ All editing happens in your browser. Your image is never uploaded.
Drop your image here
or click to browse your files
Choose ImageJPG, PNG, WebP · Max 25MB
Add text, arrows, shapes and freehand drawings to any image or screenshot — perfect for tutorials, feedback and highlighting details.
or click to browse your files
Choose ImageJPG, PNG, WebP · Max 25MB
This tool lets you draw on top of an image — adding arrows, shapes, text labels, highlights and freehand drawing — to call out specific details, give visual feedback, or create instructional graphics. It's commonly used for marking up screenshots, annotating photos for feedback, or creating simple how-to visuals.
Annotation happens entirely in your browser — your image is never uploaded to a server.
Arrows work well for pointing to a specific element without obscuring it. Rectangles and circles are useful for drawing attention to an area as a whole — a button, a section of text, or a region of a photo. Text labels add explanatory captions directly onto the image, useful for numbered steps in a tutorial. Freehand drawing gives the most flexibility for circling irregular shapes or sketching directly onto the image.
When annotating a series of screenshots for a how-to guide, consistency between images makes the overall sequence much easier to follow. Using the same colour for the same purpose throughout — for example, always using red arrows for "click here" and a consistent blue rectangle style for "this is the area to look at" — means a reader doesn't need to relearn what each colour or shape means on every image. Numbering steps directly on the images (using the text tool to add "1", "2", "3" near the relevant area on each screenshot) also helps readers follow a sequence, especially if the guide will be read out of order or referred back to later.
When marking up a screenshot to report a bug or give design feedback, the goal is to make the issue immediately obvious to someone who wasn't there when you found it. A common pattern is combining a shape (to indicate the general area) with a text label (to briefly describe the issue) — a circle around a misaligned button with a short text note like "this is 2px off" gives both the location and the specific concern in one annotation. For feedback on visual designs specifically, using a consistent colour to mean "needs to change" versus a different colour for "looks good, just confirming" helps the recipient quickly scan multiple annotations and understand which need action.
If you're using solid shapes to cover sensitive information before sharing a screenshot — such as account numbers, names, or personal details — make sure the shape fully covers the information with no gaps, and that the underlying image data isn't separately accessible (for example, by sharing only the final downloaded/flattened image, not layered files where the original content might still be present underneath).
Once your annotated image is ready, you can combine several annotated screenshots into a single document using Images to PDF — useful for putting together a multi-step tutorial or a set of feedback notes as one shareable file. If the annotated image needs to be resized before sharing on a specific platform, our Social Media Resizer can adjust it to common platform dimensions.
Yes, you can remove or adjust annotations before downloading the final image — nothing is permanent until you save the result.
Yes, colour and line thickness can be adjusted for each annotation tool before drawing.
Solid shapes can cover sensitive areas effectively. Make sure shapes fully cover the information with no gaps, and share only the final downloaded image.
JPG, PNG and WebP images can be uploaded and annotated, with the result downloadable in standard image formats.
No, annotation happens entirely within your browser.