Point things out
Draw arrows and rectangles to call attention to details in screenshots and tutorials.
IMAGE TOOLKIT CREATE & EXPLAIN
Annotate Image
Mark up screenshots, worksheets and study diagrams with arrows, rectangles, highlights, pen marks, labels, and undo.
✓ Browser-based editing✓ No signup✓ Export without a watermark
Open workspace Free to use · No signup
- 01Add your image
- 02Make it your own
- 03Save your result
Preview updates as you edit. Download applies your settings.
Select an image to begin, or use the built-in blank canvas where available.
Selected images are processed on your device. Inputs must be non-empty and no larger than 50 MB; decoded images and exports are limited to 36 megapixels and 14,000 pixels per side. Browser support varies. Re-encoding can remove metadata; animated inputs become a single still frame. Keep your original.
Why use PixelOkay Annotate Image?
Mark up screenshots, worksheets and study diagrams with arrows, rectangles, highlights, pen marks, labels, and undo.
Study and revision notes
Highlight important parts of charts, class materials or diagrams.
Non-destructive workflow
Undo or clear annotations while keeping your original image unchanged.
How to use this tool
- Open a screenshot or photo in JPG, PNG, WebP or another browser-readable format.
- Select an arrow, rectangle, highlight, pen, text label or solid redact box. Choose its color and stroke width, then draw on the image.
- Use Undo or Clear annotations to revise marks. Download PNG and inspect any redacted areas before sharing.
Best practices and useful tips
Use arrows for a specific control or error, rectangles for groups of elements, and short text labels for instructions. Highlights remain translucent; choose a solid redact box to cover private details. Check the exported PNG at full size to confirm that the covered information is unreadable.
PixelOkay runs the image editing steps in your browser rather than transmitting selected photos to our application server. Actual performance depends on image dimensions and your browser's memory.
Make a screenshot instruction that stays easy to revise
Plan one clear action per annotated screenshot. An arrow explains where to act; a short label explains why. More marks can make the target harder to see.
- Open your own screenshot and choose Arrow. Set color and width before drawing, then point at the relevant control without covering its label.
- Choose Text label and enter an original instruction such as
Choose Export after reviewing the preview
. Click where the label belongs. The width control also determines new text-label size. - Use a rectangle for a group of controls or a translucent highlight for emphasis. Neither is the same as the opaque Solid redact box.
- To correct an existing mark, use Undo and draw it again. Color, width and text are captured when the mark is created; changing the controls does not edit an earlier mark.
- Download PNG and inspect the complete image at full size. Keep the source screenshot and instruction text for later revisions; the exported PNG contains flattened pixels rather than editable annotations.
Authored support-instruction exercise, not a supplied annotated screenshot. A covered region in the PNG does not remove that information from your original or other copies. For framed presentations and portable projects, use Screenshot Studio. For separate image/text layers, use Image Editor Studio.
Supported image formats
Open JPG, PNG and WebP images, plus other still images your browser can decode. Export PNG. Animated input becomes a single still frame. Keep the original file: exported images flatten the edits and may lose metadata.
Frequently asked questions
Can I annotate a screenshot?
Yes. Upload a screenshot or image and draw arrows, shapes, highlights and labels.
Can I undo marks?
Yes. Use Undo to remove the last annotation, or Clear annotations to start again.
Can I blur personal details?
A solid rectangle paints over the selected area in the exported PNG. Inspect the complete output; originals and editable copies can still retain the covered information.
Are my images uploaded?
No. Drawing and image export happen inside your browser.
Explore more free image editing tools
Explain a change in a screenshot
Point an arrow at the relevant control and add a short label rather than covering the whole interface. Use Undo while composing. A flattened PNG retains visible marks, while your original screenshot can still contain information absent from the shared copy.
Screenshot Editor & Mockup Maker Online · Blur or Pixelate Images Online - Selected Areas · Online Image Editor with Layers