Image annotation tool

Draw, Highlight & Add Text to Any Image

Load a screenshot or photo. Mark it up with arrows, shapes, text, and stickers. Save as PNG. Nothing is uploaded — everything runs on your device.

Load an image to start annotating

Move any object

Click a shape, text, or sticker to select it. Drag it anywhere on the canvas. Press Delete to remove it.

Draw shapes

Pick a shape from the Shapes menu, then click and drag on the canvas. Size adjusts automatically as you drag.

Add text

Choose the Text tool, set the size and font, then click where you want the text. Type and press OK.

Use stickers

Pick a sticker from the Stickers menu. It appears in the middle of the canvas, ready to be dragged into place.

All processing happens on your device. Your images never leave your browser.

Nothing leaves your device. Every stroke, shape, text, and sticker is drawn using the browser's built-in Canvas API. There is no upload, no server, and no retention. You can prove it by loading the page, turning off your internet, and annotating a screenshot — it will still work.

What this tool actually does

This is a browser-based image annotation tool. You give it a picture. It lets you draw on top of that picture, add arrows and shapes, write text, and stick emoji into it. Then it gives you the result back as a PNG file.

It is useful when you need to point something out in a screenshot. A support person circling an error message. A teacher marking a diagram. A developer highlighting a UI bug. A friend explaining where to click in an app. Anyone who has ever said "look at the top right corner" and wished they could just draw a red circle around it.

The tool runs entirely in your browser. There is no sign-up and no upload. When you load an image, the browser reads it from your disk into memory. Your annotations are drawn on top of it. When you save, the browser writes the result back to your disk. Nothing is sent anywhere. If you turn off your internet after the page loads, the tool still works.

How to use it

01

Load your image

Click Load image and pick a screenshot or photo. Any common format works — JPG, PNG, WebP, GIF.

02

Pick a tool

Choose Draw, Highlight, Text, or a shape from the Shapes menu. Pick a color from the swatches.

03

Mark up the image

Drag to draw. Click to place text. Drag a shape to size it. Click any added object to move it later.

04

Fix mistakes

Press Ctrl+Z to undo. Ctrl+Y to redo. Or use the arrow buttons in the toolbar.

05

Save the result

Click Save as PNG to download. Or Copy image to paste it directly into a chat or document.

06

Start another

Click Load image again to replace the canvas. Or Clear annotations to start over on the same image.

Common ways people use it

Reporting software bugs

Load a screenshot of the broken screen. Draw a red arrow at the button that does not work. Add a text note explaining what you expected. Send to your developer. This is clearer than a paragraph of description.

Teaching and tutorials

Circle the important part of a diagram. Highlight the formula the student missed. Add numbered arrows to show the order of steps. The result is much easier to follow than a plain screenshot.

Giving feedback on designs

Mark up a mockup with notes. Move this button. Change this color. Fix this spacing. The designer sees exactly what you mean instead of guessing.

Making social media posts

Add text to a photo for Instagram or Facebook. Drop an emoji sticker in the corner. Draw a heart around something. Save and post in seconds.

Hiding private information

Draw black rectangles over names, addresses, phone numbers, or account numbers in a screenshot before sharing it publicly. The original stays clean on your disk — only the marked-up version leaves your device.

Step-by-step guides

Take a screenshot of each step. Number them with the text tool. Draw arrows pointing to the next thing to click. Combine the images into a how-to document.

Khalil Rahman, front-end developer and reviewer

Khalil Rahman

Front-end developer · Reviewed and maintained

The canvas rendering and undo history in this tool are tested in Chrome, Firefox, and Safari on desktop and mobile before each release. If a shape draws oddly, a text object refuses to move, or the PNG export comes out blank, please send us the details with your browser version so we can reproduce the case. Last reviewed: February 2026.

Frequently asked questions

How do I move a sticker or shape after adding it?

Click it once to select, then drag it to a new position. This works for text, shapes, and stickers. To remove the selected object, press the Delete key.

Can I change the color of my drawings?

Yes. Click any color swatch in the toolbar, or use the color picker at the end of the strip for a custom shade. The next stroke or shape you add will use that color.

Is there a limit on image size?

The tool works well with images up to 4000 pixels wide. Very large images may be slow because everything runs on your device without a server to help. The maximum file size is 25 MB.

How do I undo a mistake?

Press Ctrl+Z on Windows or Cmd+Z on Mac. You can also click the undo button in the toolbar. The redo button reverses the undo. Up to 50 steps of history are stored.

What format is the saved image?

The download is a PNG file. PNG keeps every pixel sharp and supports transparent backgrounds, which is what you want for screenshots and annotations. If you need a smaller file, open the PNG in our Image Optimizer and convert to WebP or JPEG.

Is my image uploaded anywhere?

No. The whole tool runs inside your browser using the HTML5 Canvas API. Your image is read from your disk into memory, edited there, and saved back to your disk. Nothing is sent to any server. You can verify this by loading the page, turning off your internet connection, and annotating an image. It will still work.

Can I use this on my phone?

Yes. All tools work with touch input. Tap to place text or stickers, drag to draw or move objects. The toolbar wraps and scrolls on small screens.

Does the tool keep my annotations if I close the tab?

No. Everything is held in the browser's memory while the tab is open. If you close or reload the tab without downloading first, your work is lost. Always click Save as PNG before leaving.

Other tools on SkillsInsider

Did this help? Rate your experience