ARROWS · TEXT · STEPS · HIGHLIGHTER · NO UPLOAD
Annotate Screenshots in Seconds
Show someone exactly where to click. Paste a screenshot, draw an arrow, add a label or a numbered step, and paste the result straight into your chat, ticket or doc.
Paste a screenshot with Ctrl+V, or choose an image to mark up.
Loading Image Studio…
- No upload
- No sign-up
- No watermark
- No daily limit
- Works offline
How to annotate a screenshot
Bring in the screenshot
Copy a capture to the clipboard and press Ctrl+V (⌘V on a Mac) on this page, or drop an image file. The editor opens with the arrow ready.
Point, label and number
Drag to draw an arrow from the note to the button, or press Add arrow to place one and nudge it with the arrow keys. Switch to text, boxes, a highlighter or numbered steps as you go.
Copy or save
Open Export to copy the image for pasting into a message, save it as PNG, or share it from a phone. Your marks are part of the picture from then on.
FEATURES
What this page does
Eight markup tools
Arrow, line, rectangle, ellipse, text, pen, highlighter and numbered steps, each with a sensible screenshot default.
Steps that renumber themselves
Numbered circles count up as you place them, and close the gap when you delete one, so a how-to never skips from 2 to 4.
Real, editable text
Labels are typed into a genuine text field, so spellcheck, accented letters and other input methods all work, with an optional pill behind the words.
Snapping that gets out of the way
Shapes snap to the center and the edges of the picture as you drag. Hold Alt while dragging to place them freely.
Every mark stays editable
Until you export, each mark can be moved, resized, recolored, hidden, locked or deleted, and the undo history keeps every step.
Which mark to use
A screenshot that needs explaining usually needs one or two of these, not all of them:
| Tool | Key | Good for |
|---|---|---|
| Arrow | A | Pointing at a button, a setting, an error or a number |
| Text | T | A short instruction or label next to the thing it describes |
| Rectangle and ellipse | — | Circling a region, or outlining a form field |
| Numbered steps | — | A click-by-click sequence: 1, 2, 3 on the screen itself |
| Highlighter | — | Marking a line of text the way you would on paper |
| Pen and line | — | Freehand underlines, quick sketches and connectors |
Defaults made for screenshots
Interface screenshots are mostly white, gray and blue, so marks start in a strong red that stands out against all three. Arrows have filled heads; strokes come in small, medium and large, scaled to the picture so they look the same on a phone capture and a wide desktop one. Text can sit on a colored pill, which keeps it readable over a busy background.
Change the color, width or fill of any mark in the panel whenever you like. A softer color or a thinner line often works better on a dark-mode capture, where bright red can feel loud.
Annotating with the keyboard
Every mark can be made without dragging. The panel’s Add button (Add arrow, Add text, and so on) places a default-size mark. Move it with the arrow keys, a pixel at a time or ten with Shift, or type exact positions in the number fields. Tab moves between marks, Delete removes the selected one, and Ctrl+D duplicates it.
The Objects list mirrors the canvas as a plain list: select, hide, lock, delete or reorder any mark with buttons. Single-letter shortcuts work only while the canvas or the tool rail has focus, never while you are typing a label, and they can be switched off in the settings.
Crop, hide and frame in the same editor
A screenshot often needs a crop to the relevant window, a solid box over an email address and a little polish before it is shared. All of those are tools in the same rail. Cropping keeps your marks on the content they point at, and a mark that falls outside the new crop is kept and flagged rather than silently deleted.
Where the browser allows storage, your work is kept on this device while you edit, so an accidental reload doesn’t cost you the arrows, and the screenshot appears under Recent edits next time you visit.
Is it really private?
Screenshots for a bug report or a support ticket regularly show names, email addresses and internal tools. The markup here is drawn in your browser, and the annotated image only goes where you paste or save it.
Need to hide something rather than point at it? Use Redact with a solid box, which replaces those pixels in the export rather than covering them with a removable layer.
You don't have to take our word for it. Three checks:
- Open your browser's developer tools, choose the Network tab, then open and save an image. No request carries your file.
- Open an image here once, then turn on airplane mode and run the same job again. It still works, because nothing needs a server.
- Read the page's response headers: its Content-Security-Policy lets it connect only to this site itself, so there is no outside host a file could go to.
Reference
| Opens | PNG, JPG, WebP, GIF (first frame), BMP and pasted screenshots |
|---|---|
| Saves | The screenshot’s own format by default, usually PNG; JPG or WebP on request |
| Marks | Arrow, line, rectangle, ellipse, text, pen, highlighter, numbered steps |
| Text | Sans or monospace, regular to bold, left, center or right aligned |
| Keyboard | A arrow, T text, V select, arrow keys nudge, Delete, Ctrl+D, Ctrl+Z |
| Output | Copy as PNG, save, or share on phones |
Frequently asked questions
How do I add an arrow to a screenshot?
Paste or open the screenshot; the arrow tool is already selected. Drag from where the arrow should start to the thing it points at. Drag either end afterwards to adjust it.
Can I add text to an image?
Yes. Press T or pick Text, click where the label goes and type. Choose the size, weight, color and whether it has a background pill in the panel.
Can I paste the annotated screenshot into a chat or an email?
Yes. Copy it from the Export panel, or press Ctrl+Shift+C when the export is ready, and paste it wherever images are accepted. It is copied as a PNG.
Can I edit my arrows after I add them?
Yes, until you export: select any mark to move, resize, recolor or delete it, and use undo for anything else. After saving, the marks are part of the image pixels.
Does it work on a phone or tablet?
Yes. One finger draws with the current tool and two fingers pan and zoom. The panel becomes a sheet at the bottom of the screen so the screenshot stays visible.
Will my screenshot get blurry?
No. It is kept at its own pixel size and saved in its own format by default, which for a screenshot is almost always PNG, so text in the capture stays as crisp as it was.