Saving a full page screenshot as a PDF

Updated 14 August 20264 min readNitesh Padghan

There are two ways to turn a web page into a PDF and they produce completely different documents. Print to PDF re-lays the page out for paper using the site's print stylesheet. Screenshot to PDF photographs the page and wraps the image in a PDF. If you need the document to look like what you saw on screen (for a client record, an approval, a compliance file, a design sign-off), you want the second one, every time.

Why Ctrl+P so often produces something ugly

Printing is a rendering mode, not a copy. The browser applies the site's @media print rules, and whatever those rules say is what you get. On a site that maintains them, the result is beautiful. On the large majority that do not, you get some combination of:

background colours and images dropped, because printers default to omitting them;
a layout that reflows to a single narrow column and stops resembling the design;
navigation, cookie banners or sidebars repeating on every page;
content inside a scrolling pane truncated to whatever fitted on screen;
web fonts substituted, shifting every line.

None of that is fixable from your side. It is the site's stylesheet deciding what a printed version of itself looks like.

The screenshot route

Capture the page as an image and put that image in a PDF. The layout is then preserved by definition, because it is a photograph of the rendered page: sticky headers where they belong, backgrounds intact, fonts as drawn, logged-in state included.

Capture the whole page. With Full Page Screenshot, click the toolbar icon or press ⌘⇧Y; it scrolls, stitches, and opens a preview.
Crop and redact first. Trim the parts of the page that are not the point, and redact anything sensitive (account numbers, email addresses, customer names) before it becomes a file you will send to someone.
Pick the page shape. One long page shaped like the screenshot, which reads well on screen, or paginated onto A4 or Letter if the PDF will actually be printed or filed.
Export. The PDF downloads; nothing is uploaded anywhere.

Getting the file size under control

This is where most screenshot-to-PDF exports go wrong, and the fix is counter-intuitive.

Captures are taken at your display's device pixel ratio. On a retina screen, a long page is routinely fifty megapixels. No JPEG quality slider saves you from that many pixels. Dropping quality to 60% makes the image look bad while the file stays large, because the problem is the pixel count, not the compression.

Reduce resolution, not quality. Halving the linear size of the embedded image quarters its pixel count. In practice that takes a long-page export from around 5 MB to about 1.4 MB, and at normal viewing zoom you cannot see the difference.

The detail that makes this safe: page geometry must be computed from the original capture dimensions, so a smaller preset shrinks the file without shrinking the document. Done properly, the PDF's page size is byte-identical across presets; only the image inside it changes.

If the PDF is going to be printed at full size, or someone will zoom in on fine detail, use a higher preset. For emailing an approval, the default is more than enough.

One long page, or A4?

One long page. A PDF whose single page is the exact shape of the screenshot. Nothing is cut, nothing repeats, and it scrolls naturally in any PDF reader. This is the right default for anything that will be read on a screen.

Paginated onto A4 or Letter. The image is fitted to the page width and sliced vertically across as many pages as it takes. Use it when the file has to be printed, attached to a form, or filed somewhere that expects standard page sizes.

The one real trade-off

A screenshot PDF is an image, so its text cannot be selected, searched or copied without OCR. That is the price of exact fidelity. If someone needs to search the text, either use Print to PDF and accept the print layout, or keep both files: the screenshot as the record of what the page looked like, the printed version as the searchable copy.

Capture, crop, redact, export

Full Page Screenshot exports PNG, JPEG and PDF with the resolution presets and A4/Letter pagination described above. Free, no account, and no network requests: the PDF is built in your browser and saved straight to your machine.

Add to Chrome All four capture methods

FAQ

Why does my printed webpage PDF look nothing like the page?

Because printing re-renders the page with the site's print stylesheet rather than photographing it. Backgrounds are dropped, layouts reflow and fonts substitute. A screenshot-based PDF cannot have this problem.

How do I reduce the size of a webpage PDF?

Lower the embedded image's resolution rather than its JPEG quality. Halving the linear dimensions quarters the pixel count, typically 5 MB down to around 1.4 MB, with no visible loss at normal zoom.

Can I save a page I'm logged into as a PDF?

Yes, with a browser-based tool, which captures the page your browser has already rendered, session included. Online URL-to-PDF services cannot, because they are not logged in as you.

Will the sticky header repeat on every page of the PDF?

Only if it repeated in the screenshot. Handle it at capture time: a tool that keeps pinned bars out of every frame after the first produces a clean image, and the PDF simply inherits that.