How to Screenshot a Web Page and Mark It Up

Taking the screenshot is the easy part. Getting an arrow onto it without opening three programs is where everyone loses ten minutes — here is the shorter route.

The short answer

Capture the page, draw on it, send it. In one place, without saving a file in between.

The route most people take: press the screenshot key, open an image editor, paste, crop, find the arrow tool, draw, save somewhere, remember where, attach. That is eight steps and about ten minutes if you count hunting for the file afterwards.

There is also the part the built-in key cannot do at all: capture a whole page that is longer than the screen. A page that scrolls for four screens becomes four separate images, or one image of the top quarter.

The note stuck to the screen

Before offices had software for everything, there was a system that worked: you wrote the thing on a small square of paper and stuck it to the monitor, where the person who needed it could not avoid it.

It survived decades of better technology because it got three things right. It took four seconds. The message and its location were the same object — the note about the printer was on the printer. And nobody had to be trained to use it.

Almost everything built to replace it lost at least one of those. The message ends up in one system, the thing it refers to in another, and connecting them is the recipient's job.

A screenshot with an arrow on it is the digital version done properly. The remark and the thing being remarked on are one object. Nobody has to work out which button you meant. "The one at the top right, no, the other top right" stops being a conversation.

What actually goes wrong without it

Ambiguity, mostly, and it is expensive in a way nobody measures.

Describing a position in words is unreliable, because the other person's screen is not yours — different size, different zoom, different browser, a menu that collapses at their width. "Below the heading" means something different to each of you.

Then there is the state problem. A bug that appears once, an error message that vanishes when you refresh, a price that was showing an hour ago. If you did not capture it, the entire conversation becomes your description of something the other person cannot reproduce, and the polite version of their reply is that it looks fine to them.

And the number problem. A table, an invoice, a form with fourteen fields where two are wrong. Retyping the two wrong ones invites a typo into a conversation about accuracy. Circling them does not.

What to capture and how to mark it

Whole page or selected area, and the choice matters more than it sounds. A full-page capture gives context — where this sits, what surrounds it. A selected area removes the noise. Sending a full page when the point is one button makes the recipient hunt.

Arrows for pointing, boxes for grouping, text for the thing an arrow cannot say. Three tools cover almost everything, and more tools mean more time spent choosing.

Two habits worth having.

Mark what is wrong, not everything you noticed. Five arrows on one image is a puzzle. If there are five problems, that is five images or a numbered list.

Cover anything private before it leaves your machine. Screenshots of a logged-in page contain your name, your email, sometimes an account number or a client's details in an adjacent row. A box over it takes one second and prevents the kind of accident that is impossible to take back once sent.

Example

A form on a supplier's site rejects your order and shows an error that means nothing.

Described in words: "your order form gives an error when I submit it". The reply asks which browser, which page, what the error said, and whether you have cleared your cache — and the whole thing takes three days and six messages.

Captured with the error boxed and one line of text on the image, it takes one message. Their support sees the version of the page you saw, in the state you saw it, with the relevant part already indicated. Most of the exchange never has to happen.

Common questions

Can I capture a page longer than my screen?

Yes, with a full-page capture, which scrolls and stitches automatically. The built-in screenshot key on most systems cannot.

Does it capture things behind a login?

It captures what your browser is showing, so yes — which is exactly why hiding personal details before sending matters.

Can I copy straight to the clipboard?

Yes, and it is the fastest route: capture, mark, copy, paste into the message. No file, no folder, nothing to find later.

What about scrolling pages that load as you go?

Pages that fetch content while you scroll can confuse a full-page capture. Scroll to the bottom first so everything is loaded, then capture.

Is this different from the browser's built-in screenshot?

Chrome has a capture feature buried in developer tools, and it takes the image but offers nothing for marking it up. The marking is where the ten minutes goes.

SnapShot Pro captures any page — full page or selected area — and lets you draw arrows, boxes and text on it immediately, then save or copy in one click. No editor, no saved file to hunt for. Free, no account.

Get SnapShot Pro →
← How to Record a Meeting So You Can Check It Later How to Find the Exact Colour Used on Any Website →