ASSETS & SCREENSHOTS

How to save a webpage as a PDF

To save a webpage as a PDF, press Ctrl+P (Cmd+P on a Mac), choose Save as PDF as the destination and press Save. It works in Chrome, Edge, Firefox and Safari with nothing to install. Turn on Background graphics to keep colors and images. For a PDF that looks exactly like the screen, export a full-page screenshot as PDF.

“Print the page to PDF.” A long web page goes through a print dialog set to Save as PDF with Background graphics ticked, and comes out as a stack of pages named page.pdf.
Every browser saves a page as a PDF from its print dialog.

In short

  • Print to PDF is built into every browser: no extension needed
  • Turn on Background graphics, or colors and images may drop out
  • Printing splits the page into paper-sized sheets and uses the site’s print styles
  • For the exact on-screen look, export a full-page screenshot as PDF
On this page6
  1. Step by step
  2. Save as PDF in each browser
  3. When the PDF looks wrong
  4. Keep the page exactly as it looks
  5. Save more than one page
  6. Questions

Step by step

  1. Open the print dialog

    Press Ctrl+P on Windows or Cmd+P on a Mac, or choose Print in the browser menu.

  2. Pick Save as PDF

    Set the destination to Save as PDF. Firefox calls it Save to PDF.

  3. Check the settings

    Tick Background graphics (Print backgrounds in Firefox and Safari), then pick the layout, paper size and margins.

  4. Save and check it

    Press Save, pick a folder, then open the PDF to check nothing was cut off.

Save as PDF in each browser

Where to find Save as PDF, on a computer and on a phone
BrowserShortcutWhere to find it
ChromeCtrl+P or Cmd+PDestination: Save as PDF
EdgeCtrl+P or Cmd+PPrinter: Save as PDF
FirefoxCtrl+P or Cmd+PDestination: Save to PDF
Safari on a MacCmd+PThe PDF menu in the print dialog, or File > Export as PDF
Chrome on AndroidNoneMenu > Share > Print, then Save as PDF
Safari on iPhoneNoneTake a screenshot, tap it, choose Full Page, then Save PDF to Files
Website screenshot tool in the Sitepeel interface
Website screenshot tool in actionExplore the tool

When the PDF looks wrong

Common print-to-PDF problems and how to fix them
ProblemFix
Colors and pictures are missingTurn on Background graphics (Print backgrounds in Firefox and Safari).
Images are blankThey load as you scroll. Scroll to the bottom first, then print.
Content is cut off at the sideSwitch to landscape, or lower Scale in the print settings.
Only one screen printsThe site scrolls inside a box. Take a full-page screenshot instead.
Text breaks across pagesPick a larger paper size, or save the page as it looks, below.

Keep the page exactly as it looks

Printing reflows the page for paper. To keep the on-screen layout, paste the link into Sitepeel’s free screenshot tool, choose Full page and export PDF. It scrolls the page first, so lazy images load.

  • The PDF is the screenshot split over A4 pages, so it looks like the site.
  • Its text is part of the picture: you can’t select or search it.
  • For one unbroken image, export PNG instead.

Save more than one page

  • Print saves one page at a time. For a few pages, repeat it on each.
  • For a clean article, open Reader view first (Firefox, Safari and Edge), then print.
  • For a whole site, download it with a site copier, then print the pages you need.

Questions

How do I save a webpage as a PDF in Chrome?

Press Ctrl+P (Cmd+P on a Mac), set Destination to Save as PDF, open More settings and tick Background graphics, then press Save.

How do I save a webpage as a PDF on my phone?

On Android, open Chrome’s menu, tap Share, then Print, and choose Save as PDF. On an iPhone, take a screenshot in Safari, tap it, choose Full Page and save the PDF to Files.

How do I save a webpage as a PDF without page breaks?

Printing always splits the page into sheets. For one unbroken copy, take a full-page screenshot and save it as PNG. Exported as PDF, it keeps the on-screen look over A4 pages.

Why is my PDF missing images or colors?

Background graphics is off, or the images hadn’t loaded. Tick Background graphics in the print settings, scroll to the bottom of the page so lazy images load, then print again.

Can I save a whole website as a PDF?

Not in one step: print saves one page at a time. Save each page you need, or download the site with a site copier like HTTrack and print pages from your copy.

TAKE A CLOSER LOOK

Your next starting point is already on the web.

Inspect it. Understand it. Build something of your own.

Add to ChromeFree installTry the free tools