How to save a webpage as a PDF that still looks right

A web page has no pages. Turning one into a PDF means cutting an infinite scroll into fixed sheets, and almost every problem people hit comes from that one fact.

You need a receipt, a booking confirmation, an article or a record of something before it changes. The page looks fine on screen and arrives as a PDF looking nothing like it.

What goes wrong, and why

• Backgrounds vanish. Print styles usually suppress them to save ink, and PDF generation follows the print stylesheet.
• Sticky headers land in odd places. Anything positioned against the viewport has no viewport once the page becomes sheets of paper.
• Tables and images get cut across a page break, because the content was never laid out with page boundaries in mind.
• Fonts fall back to something generic if the web fonts are not reachable at the moment of conversion.
• Lazy-loaded images come out blank, because they never loaded — they were waiting for a scroll that never happened.

That last one is the most common and the least obvious. Scroll the whole page to the bottom before converting, so every image has actually loaded.

Getting a clean result

1. 1Open HTML to PDF and give it the page address, or paste the markup directly.
2. 2Scroll the source page fully first if it loads content as you go.
3. 3Use the preview before you download. It is far quicker to spot a broken table there than after saving.
4. 4If the layout is badly broken, try the browser's own print-to-PDF: the same engine that rendered the page does the layout, so fidelity is usually highest.

Pages that will not convert well

Some pages resist regardless of method — anything behind a login, anything that renders entirely through scripting after load, and single-page applications that never settle. For those, a full-page screenshot converted to PDF is often the honest answer.

Screenshots come with a trade-off worth understanding: the result is an image, so nothing in it can be searched or copied. The format comparison goes through when that matters.

Afterwards

Generated PDFs of image-heavy pages get large quickly. Compress PDF will bring one down if you need to email it, and Crop PDF trims the wide margins that conversion often leaves behind.

Common questions

Why is my saved page missing its background colours?

Print stylesheets normally suppress backgrounds so pages do not waste ink. It is the intended behaviour of the print path, not a fault in the conversion.

Can I save a page that requires a login?

Not by giving a converter the address — it visits as a stranger and sees the login screen. Use your browser's own print-to-PDF while you are signed in.

Will links in the page still work in the PDF?

Usually yes for ordinary links. Anything that depended on scripting will not, since there is no scripting in a PDF.