Save a Web Page as a PDF Without Losing Formatting

Save any web page as a clean PDF without losing images or formatting — the exact settings I use in Chrome, Firefox, Edge, and Safari to get it right every time.

I used to email myself a link every time I found an article worth keeping, then lose track of it in a week. Now I save the page as a PDF the second I read it, and it sits in one folder I can search offline. If you want to save a web page as PDF without an extension, your browser already has the tool built in — you just need to know where the good settings hide.

The single most important insight: every major browser’s “Print” dialog doubles as a PDF exporter, and the difference between a clean PDF and a broken one comes down to two checkboxes — background graphics and margins.

Quick Answer

Open the page, press Ctrl+P (Cmd+P on Mac), then choose “Save as PDF” as the destination. Turn on background graphics if the page has images or colored sections, set margins to “None” or “Default,” and click Save. It works the same way in Chrome, Firefox, Edge, and Safari.

What Is the Best Way to Save a Web Page as a PDF?

You don’t need a separate app. Every modern browser has a virtual PDF printer built into its print function, and it captures the page as rendered — text, images, and layout included. I’ve tried third-party “web to PDF” extensions, and most just wrap the same browser print engine while adding ads or watermarks.

Why the Print Dialog Is the Right Tool

Print-to-PDF respects the page’s actual CSS, so tables and columns stay intact instead of getting mangled by a converter site. It also works offline once the page has loaded. Chrome documents the same feature in its own help center guide to printing web pages, which matches what I describe below.

Skip the extensions and use your browser’s native print-to-PDF function for the cleanest result.

How Do I Save a Web Page as a PDF in Chrome?

Step 1: Open Print and Set the Destination

Load the page fully, then press Ctrl+P (Windows) or Cmd+P (Mac). Wait for lazy-loaded images to appear first, or they’ll be missing from the PDF. In the Destination dropdown, choose “Save as PDF.”

Step 2: Expand More Settings and Save

Click “More settings” and turn on “Background graphics” if the page uses a colored background or images behind text — otherwise they print as blank white space. Set margins to “None,” then click Save and name the file. On a 40-page recipe article I tested, the PDF came out at 2.1 MB with every photo intact once background graphics was enabled — without it, the same page saved at 380 KB with all the images stripped out.

Pro tip: Before printing, open Reader Mode if the browser offers it — it strips ads, sidebars, and pop-up banners so your PDF only contains the article. I cover how to turn that on in my guide to browser reader mode.

Chrome’s print-to-PDF takes four clicks once you know where background graphics lives.

How Do I Save a Web Page as a PDF in Firefox and Edge?

Firefox

Press Ctrl+P, then choose “Save to PDF” from the Printer dropdown. Firefox has fewer visual options than Chrome, but its “Orientation” toggle helps when a wide table gets cut off on the right edge.

Microsoft Edge and Safari

Edge uses the same Chromium engine as Chrome: Ctrl+P, Destination set to “Save as PDF,” then enable Background graphics under More settings. Edge also has a one-click “Webpage as PDF” shortcut under the three-dot menu. On a Mac, press Cmd+P in Safari, click the PDF dropdown in the bottom-left corner, and choose “Save as PDF” — Safari always includes background graphics automatically.

Firefox, Edge, and Safari all reach the same result through slightly different menus.

Which Browser Preserves Formatting Best When Printing to PDF?

I ran the same news article through all four browsers to compare the output side by side.

Browser Background Graphics Toggle Custom Margins Best For
Chrome Yes Yes (4 options) Most control over layout
Microsoft Edge Yes Yes (4 options) One-click “Webpage as PDF” shortcut
Firefox Yes Limited Wide tables via orientation toggle
Safari Always on Limited Simplest workflow, fewest settings

Chrome and Edge give you the most control; Safari is the fastest if you don’t need to fine-tune anything.

How Do I Fix a PDF That Cuts Off Content or Loses Images?

Missing Images or Colors

This almost always means background graphics was left off. Reopen the print dialog and switch it on before saving again.

Text, Tables, or Content Missing

Switch page orientation from Portrait to Landscape, or reduce zoom in the print preview to 80-90%, if a wide table gets cut off. If a section is missing entirely, scroll to the bottom of the page once before printing so lazy-loaded content has rendered.

Troubleshooting tip: If a script-heavy page still saves as a blank PDF, try Reader Mode first — it forces the article text into static HTML the print engine can capture reliably.

Most broken PDFs trace back to one skipped setting or unrendered content.

Common Mistakes to Avoid

  • Printing before the page fully loads: wait for images and fonts to render, then open the print dialog.
  • Leaving background graphics off: turn it on any time the page has photos, colored boxes, or highlighted code blocks.
  • Saving huge pages without checking file size: compress an oversized PDF afterward with a tool from my free file conversion and compression guide.
  • Ignoring ads and pop-ups in the saved file: run Reader Mode first — see my roundup of browser extensions for productivity for more options.
  • Assuming every browser names the setting the same: Chrome and Edge say “Save as PDF,” Firefox says “Save to PDF” — same result.

Frequently Asked Questions

Does saving a web page as a PDF work without an internet connection?

Yes, once the page has fully loaded in a tab, print-to-PDF works offline. I’ve saved articles on a plane after loading them on airport Wi-Fi minutes before boarding.

Can I save a web page as a PDF on my phone?

Yes. In Chrome or Safari on mobile, open the share menu, choose Print, pinch out on the preview, then tap the share icon to save it as a PDF.

Why does my saved PDF have ads and pop-up banners in it?

The print engine captures whatever is rendered on the page, ads included. Enabling Reader Mode before printing strips most of that clutter automatically.

Why is my PDF file size so much larger than the original page?

High-resolution images and embedded fonts add up fast. I’ve seen a single product page jump from 200 KB on screen to 3 MB as a PDF once background graphics was enabled.

Can I edit the PDF after saving a web page?

Not directly from the browser. You’ll need a separate PDF editor afterward, since the browser only exports a flattened, non-editable version of the page.

Conclusion

Saving a web page as a PDF takes one keyboard shortcut and two checkboxes once you know where they live in each browser. Try it on the next article you don’t want to lose, and enable background graphics before you save so nothing important goes missing.