Capture Full PageCapture Full PageAdd to Chrome

How to Annotate Screenshots in Chrome

Annotating a screenshot in Chrome means adding explanatory elements such as arrows, text labels, highlights, or step numbers to clarify instructions or provide visual guidance. Capture Full Page includes built-in annotation tools that open automatically after every capture — add arrows, text labels, rectangles, a highlighter, freehand pencil, and automatic step numbering directly in Chrome without uploading your images. Choose precise colors with RGB/HSL/HEX or eyedropper, then save as PNG, PDF, or copy to clipboard. To modify images with the full range of editing controls, see the screenshot editing workflow. For freehand drawing and visual overlays, see the screenshot drawing and markup tools.

3 Ways to Get It Done

1

Method 1: Annotate with Capture Full Page

After any screenshot, the image opens in the editor where you can annotate with professional markup tools. The workflow is seamless — capture and annotate in one step.

  1. 1Capture a screenshot (Full Page, Visible Area, or Area Selection).
  2. 2The image opens in the editor — click Edit to access annotation tools.
  3. 3Use arrows to point out specific elements, text to add labels, rectangles to frame important areas.
  4. 4Apply the highlighter for semi-transparent color overlays that draw attention without obscuring content.
  5. 5Add step numbers for tutorials and how-to guides — numbers auto-increment as you click.
  6. 6Export as PNG (image), PDF (document), or Copy directly to clipboard for pasting into emails, docs, or chat.
2

Method 2: Annotate in OS Tools

Windows Snip & Sketch and macOS Preview offer basic annotation, but require capturing first with a separate tool and then opening the file.

  1. 1Take a screenshot using OS tools (Win+Shift+S or Cmd+Shift+4).
  2. 2Open the saved image in Snip & Sketch (Windows) or Preview (Mac).
  3. 3Use basic pen, highlighter, and text tools — limited shapes and no step numbering.
  4. 4Save the annotated image.
3

Method 3: Professional Tools (Photoshop, Figma)

Professional design tools offer the most flexibility but are overkill for simple annotations and require a subscription.

  1. 1Capture and save a screenshot.
  2. 2Open in Photoshop, Figma, or similar professional tool.
  3. 3Create annotations using the full design toolkit.
  4. 4Export — significantly more complex workflow for simple markup tasks.

Feature Comparison

FeatureCapture Full PageBuilt-in ToolsOther Extensions
Capture + annotate workflowSeamless — same toolSeparate stepsSome
Arrow toolYesNo (Snip & Sketch)Some
Step numberingYes — auto-incrementNoRarely
HighlighterYes — semi-transparentBasicSome
Color pickerRGB/HSL/HEX + eyedropperLimited paletteVaries
Export to PDFYesNoRarely
No usage limitsYesYesOften limited

Frequently Asked Questions

How do I add arrows to a screenshot in Chrome?
With Capture Full Page: capture a screenshot, click Edit in the toolbar, select the arrow tool, choose your color and thickness, then click and drag on the image to draw an arrow pointing to the element you want to highlight. It's all built-in — no extra software needed.
Can I add numbered steps for a tutorial?
Yes. Select the step numbering tool from the drawing panel, then click on the image where each step should appear. Numbers auto-increment — first click places "1", second places "2", and so on. This is ideal for creating how-to guides, documentation, and onboarding flows.
How do I choose the right annotation color?
Capture Full Page provides a full color picker supporting RGB, HSL, and HEX values. You can also use the eyedropper tool to pick any color directly from the screenshot — useful for matching brand colors or ensuring contrast.
Can I annotate a screenshot before saving it?
Yes. With Capture Full Page, the screenshot opens in the built-in editor immediately after capture — before saving. You can add arrows, text, highlights, rectangles, step numbers, and freehand drawings, then choose to save as PNG, export as PDF, or copy to clipboard. The annotation happens before the file is saved, so your exported image already includes all markup.
Can I annotate a full page screenshot?
Yes. After capturing the entire scrolling page, the full stitched image opens in the editor. You can annotate any part of it — scroll through the image, zoom in for precision, and add arrows, text, or highlights anywhere. The annotated full page screenshot can then be exported as PNG, PDF, or copied to clipboard.

Annotate Screenshots Without Extra Tools

Arrows, text, highlights, step numbers — all built into the screenshot extension. Capture and annotate in one step.

Add to Chrome

Related Guides

Take a Screenshot in Chrome

Compare 3 ways to take a screenshot in Chrome — extension, DevTools, and OS tools.

Screenshot Editor for Chrome

Built-in screenshot editor with arrows, text, shapes, highlighter, step numbering, and PDF export.

Screenshot Markup Tool

Draw on screenshots with pencil, arrows, shapes, highlighter, text, and step numbering in Chrome.

Full Page Screenshot in Chrome

One-click full page capture with auto-scroll, sticky element handling, and built-in editor.

Capture Screen in Chrome

Instantly capture the visible screen in Chrome, then annotate and export.

Capture Area in Chrome

Select any rectangular area on a web page and capture just that region with one click.

View All Guides