Screenshot Markup Tool: Draw and Annotate in Chrome
3 Ways to Get It Done
Method 1: Capture Full Page Markup Tools
Every screenshot captured with Capture Full Page opens in an editor with a complete markup toolkit. Draw directly on the image with precision tools.
- 1Capture any screenshot — the image opens in the editor automatically.
- 2Click Edit to open the drawing panel with all markup tools.
- 3Pencil: draw freehand lines and sketches with adjustable thickness.
- 4Line & Arrow: draw straight lines and directional arrows to point out elements.
- 5Rectangle: frame areas of interest with outlined or filled rectangles.
- 6Highlighter: apply semi-transparent color overlays to emphasize content without obscuring it.
- 7Text: add text labels and descriptions at any position.
- 8Step Numbers: place auto-incrementing numbered circles for tutorials and guides.
Method 2: OS Markup Tools
Windows Snip & Sketch and macOS Markup offer basic drawing tools but lack the depth needed for professional annotation.
- 1Capture a screenshot with OS tools and open it in the built-in editor.
- 2Use basic pen, highlighter, and ruler tools.
- 3Limited shapes — no arrows, no step numbering, no advanced color controls.
- 4Save the file — only PNG output, no PDF export.
Method 3: Dedicated Markup Apps (Skitch, Monosnap)
Standalone markup apps offer dedicated annotation features but require installation, often need an account, and some have premium paywalls.
- 1Install a dedicated markup application.
- 2Capture or import a screenshot into the app.
- 3Use annotation tools — typically arrows, text, shapes, blur.
- 4Export — some features require paid subscriptions.
Feature Comparison
| Feature | Capture Full Page | Built-in Tools | Other Extensions |
|---|---|---|---|
| Pencil (freehand) | Yes | Yes (basic) | Some |
| Arrow tool | Yes | No | Some |
| Rectangle | Yes | No | Some |
| Highlighter | Yes — adjustable opacity | Basic | Some |
| Step numbering | Yes | No | Rarely |
| Color picker (RGB/HSL/HEX) | Yes + eyedropper | Limited | Varies |
| Line thickness control | Yes — slider | Limited | Some |
| Undo/Redo | Yes | Yes | Most |
Frequently Asked Questions
What drawing tools does the markup panel include?
Can I adjust the line thickness?
Is there an eyedropper / color picker?
Can I export marked-up screenshots as PDF?
Does the screenshot markup tool work offline?
Professional Screenshot Markup in Chrome
Draw, annotate, and mark up screenshots with precision tools — all built into a Chrome extension.
Add to ChromeRelated 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.
Annotate Screenshots in Chrome
Add arrows, text, highlights, and numbered steps to screenshots directly 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.