All tools

How to annotate a screenshot

Every major operating system has a basic markup tool built in. Here’s how to use each one, when an online editor is quicker, and the few habits that make an annotated screenshot understood at a glance.

Online, on any device (fastest for bug reports)

  1. Capture to the clipboard. Windows: Win+Shift+S. Mac: ⌘+Ctrl+Shift+4 (holding Ctrl copies instead of saving a file).
  2. Open AnnotateFast and paste with Ctrl+V or ⌘+V.
  3. Mark it up with one-key tools: R to box the problem, N to number the steps, A for an arrow, T for a label, B to blur personal data.
  4. Copy the result with Ctrl+C and paste it into Jira, GitHub, Slack or email, or download a PNG.

The online route wins when you need things the built-in tools lack (blur and redaction, numbered steps, spotlight, a background frame) or when you’re on a machine you don’t control.

On a Mac: Markup

  1. Press ⌘+Shift+4 and drag over an area (or ⌘+Shift+5 for the full capture toolbar).
  2. Click the floating thumbnail in the bottom-right corner before it disappears. The Markup window opens.
  3. Use the toolbar: Sketch, Draw, Shapes (the shapes menu includes an arrow, a rectangle, an oval and a loupe), Text, and Highlight.
  4. Click Done to save to the Desktop, or use the share button to send it.

Missed the thumbnail? Open the file in Preview and choose View → Show Markup Toolbar. Markup has no blur tool; to hide data, draw a filled rectangle or use the online editor.

On Windows 11: Snipping Tool

  1. Press Win+Shift+S and select a rectangle, window or the full screen.
  2. Click the “Snip copied to clipboard” notification to open the snip in Snipping Tool.
  3. Annotate with the ballpoint pen and highlighter; recent versions also add shapes (arrow, rectangle, oval, line). Crop with the crop button.
  4. Press Ctrl+S to save, or Ctrl+C to copy.

Snipping Tool has no blur or step numbers. On Windows 10 the same shortcut opens Snip & Sketch, which works the same way.

On iPhone and Android

On iPhone, take a screenshot (side button + volume up), tap the thumbnail, and use Markup: pens, a highlighter, and from the + button text, a signature, shapes and a magnifier. On Android the flow depends on the phone maker, but most show an edit button after the screenshot with crop, pen and text. For blur, numbered steps or a clean arrow, open AnnotateFast in your mobile browser and tap “Choose image”.

Making annotations visible: an interactive check

The most common annotation failure isn’t a wrong arrow; it’s an arrow nobody notices. A red box on a red banner, a black arrow on dark mode. Contrast is measurable: WCAG 2.1 asks for at least 3:1 between meaningful graphics and what surrounds them. Try some combinations, then switch on the outline to see why a thin white halo fixes almost every case.

That’s the whole trick behind AnnotateFast’s “Outline” toggle: the mark only needs to beat white, and white only needs to beat the background. If you like learning by poking at things like this, ahaboo has narrated interactive explainers on how everyday things really work, one “aha” at a time.

Checklist for a screenshot people understand

  • Crop first. Keep a heading or nav for orientation; drop the rest. Crop a screenshot
  • One focus per image. A box around the problem, or a spotlight on the region.
  • Number sequences. Badges 1, 2, 3 beat multiple arrows and can be referenced in text.
  • Label the finding. Short text like “Should be $1,116” saves a paragraph. Add text
  • Hide private data. Emails, names, tokens, internal URLs. Use solid redaction for secrets. Blur or redact
  • Use one annotation colour the interface doesn’t use, with an outline.
  • Attach it to a structured report. Bug report template

Questions people ask

How do I annotate a screenshot on a Mac?
Press ⌘+Shift+4 and select an area, then click the thumbnail that appears in the corner. The Markup window opens with pen, shapes (including arrows), text and highlight tools. Click Done to save.
How do I annotate a screenshot on Windows?
Press Win+Shift+S, select an area, then click the notification to open it in Snipping Tool. It has a ballpoint pen, highlighter, shapes and crop. Save with Ctrl+S.
How do I annotate a screenshot on iPhone or Android?
Take the screenshot and tap the preview thumbnail. iPhone opens Markup (pens, text, shapes and a magnifier from the + menu); most Android phones open an editor with crop, pen and text. For blur or numbered steps, use AnnotateFast in the phone’s browser.
What is the fastest way to annotate a screenshot online?
Copy the screenshot to the clipboard, open AnnotateFast and press Ctrl+V or ⌘V. Use single-key tools (A for arrow, R for rectangle, N for numbered steps), then press Ctrl+C to copy the result into your ticket or chat.
What colour should annotations be?
A saturated colour that doesn’t appear in the interface you’re marking, with a white outline so it contrasts with any background. Aim for at least 3:1 contrast, the WCAG 2.1 minimum for graphical objects.