How to Annotate a Screenshot Online (Arrows, Shapes, Text)
Annotate screenshots online for free with arrows, curved arrows, lines, boxes, circles, text, and blur. Pick colors and stroke widths, then export with no watermark.
Por Kartik Labhshetwar, criador do Screenshot StudioAtualizado em 2 min de leitura
Resposta rápida
Paste the screenshot into Screenshot Studio, open Draw & Markup in the Design tab, and use Arrow, Curve, Line, Rect, or Circle to point at what matters. Pick a color and stroke width, add a short label with Add Text, blur anything private, and export.
Passo a passo
- 1
Open the editor and add your screenshot
Go to screenshot-studio.com/editor and paste with Cmd+V (Ctrl+V on Windows), drag the file onto the page, or click to browse. PNG, JPG, and WebP files up to 100MB work, and there is no account to create.
- 2
Choose a markup tool
Open Draw & Markup in the Design tab. Arrow and Curve point at things, Line underlines them, and Rect and Circle outline an area.
- 3
Set color and stroke
Pick one of 12 preset colors or any custom color, and set the stroke from 1 to 24px. Thicker strokes read better once the image is scaled down in a chat or a doc.
- 4
Draw on the canvas
Drag to draw each shape. Undo with Cmd+Z or Ctrl+Z, delete a selected shape with Delete or Backspace, or use Clear all to start again.
- 5
Label and redact
Add a few words with Add Text next to each arrow, and blur any private details with the Blur tool in the same section.
- 6
Export or copy the result
Open Save in the top bar, pick PNG, JPEG, or WebP, choose 1x, 2x, or 3x resolution, and download. Copy puts a 2x PNG on your clipboard so you can paste it straight into Slack, Docs, or an email.
Annotation that makes the point fast
Good annotation answers one question: where should I look? Every extra arrow makes the answer slower, so start with one mark and only add more if the first one is not enough.
- Use one color for everything you want people to notice. Red or orange stands out on most interfaces.
- Circle or box the target, and use an arrow only when the target is small or far from your label.
- Keep labels to two to five words and put them in empty space, not over the UI.
- Blur private data before you add arrows, so nothing sensitive slips through at the end.
Where annotated screenshots work best
Bug reports and support replies get resolved faster when the screenshot shows the exact button or error. Documentation and onboarding guides need the same clarity at every step. Release notes and social posts benefit from a light touch: one arrow plus a clean background from the BG tab looks far more polished than a raw capture.
