Guide

How to annotate a screenshot in Chrome

Marking up a screenshot makes it much clearer for bug reports, tutorials and feedback. PageSnap has the editor built in, so there is nothing else to open.

The tools

• Arrow and line (A): solid, dashed or dotted, with several arrow heads.
• Box (R): outline, tint or solid fill, square or rounded.
• Text (T): click on page text and your note uses the same font and colour.
• Highlight (H), Pen (P) and Emoji (E).
• Step number (N): numbered badges for tutorials.
• Spotlight (O): dims everything except the part people should look at.
• Blur (B) and Auto-blur: hide private details.

How to use them

1. Capture the page with PageSnap (Alt+Shift+P).
2. Open Tools or press the letter shown above.
3. Drag on the screenshot. Click a mark to move or resize it, and press Delete to remove it.
4. Download as PNG, JPG or PDF, or copy to the clipboard.

Press ? in the editor to see every shortcut.

Frequently asked questions

How do I add arrows to a screenshot in Chrome?

Capture the page with a screenshot extension that includes an editor, such as PageSnap, then choose the Arrow tool (A) and drag.

Can I add numbered steps to a screenshot?

Yes. PageSnap has a Step number tool (N) that places numbered badges which count up automatically.