How to Save a Web Page as a PDF on Mac and Windows

How to Save a Web Page as a PDF on Mac and Windows

There are many ways to save web pages for offline reading. You can either save pages within your web browser (perhaps in a reading list) or export the web pages outside your browser as screenshots, images, a Word document, PDF files, etc. 

PDF files are portable, print-ready, and easily shareable. In this tutorial, you’ll learn how to save a webpage as a PDF file on your Mac and Windows devices. We cover steps for popular web browsers (Google Chrome, Mozilla Firefox, Safari, and Microsoft Edge) and reputable third-party tools.

01 save web page to pdf chrome firefox safari microsoft edge.jpg.optimal

Save a Web Page as a PDF in Firefox

Firefox’s “Print tool” lets users print web pages to physical papers (via a printer) or save them as PDF. When you launch this tool, Firefox automatically optimizes the web pages to fit different paper sizes. Each page is also assigned a page number for easy identification and sorting.

  1. Head to the web page you want to save as a PDF document and press Control + P (for Windows) or Command + P (in macOS) to launch the Firefox Print tool.

Alternatively, select the hamburger menu icon and select Print.

02 save webpage pdf
  1. Ensure Save to PDF is the selected option in the “Destination” section. Windows has a built-in PDF printer (Microsoft Print to PDF), so you can either select Save to PDF or Microsoft Print to PDF in the “Destination” section.
03 save webpage pdf windows 10

You can also choose whether you want the PDF document to display the web page in portrait or landscape orientation.

  1. In the “Pages” section, select All if you want to save the entire webpage as a PDF document.
04 save webpage as pdf mozilla

Otherwise, select the Pages drop-down button, choose Custom, and enter the page number(s) containing the portion of the web page you want to save as a PDF file.

05 save web pages pdf firefox mac

To add multiple pages to the PDF file, type the pages you want in the document and separate them with a comma.

06 print webpage pdf

Better yet, use a hyphen to select a range of pages you want in the PDF document. Say you want to save page 8 through page 15 and page 17 through page 30 to a single PDF document, type 8-15, 17-30 in the Custom dialog box.

By default, Firefox’s print tool doesn’t add images and page background elements to the PDF file. It only captures the page’s text component. So, if the page previews on the left side aren’t displaying images, enable “Print background” (see step #4 below) to add images to the generated PDF.

  1. Expand the More settings drop-down section.
07 firefox print tool more settings
  1. Check the Print backgrounds box.
08 save web page pdf mozilla firefox settings
  1. Select Save and choose the destination folder you want the PDF file stored on your computer.

Save a Web Page to PDF in Google Chrome

Chrome’s webpage-to-PDF generator is also embedded in the Print tool, and the steps are similar to Firefox’s.

  1. Go to the tab housing the web page you want to print and press Control + P (for Windows) or Command + P (for Mac).

Another way to launch Chrome’s print tool is to right-click anywhere on the page you want to print and selecting Print on the context menu.

09 how to save a webpage as a pdf
  1. Select Save as PDF in the “Destination” option. If you’re using a Windows device, select either Microsoft Print to PDF or Save as PDF.
10 save webpage pdf google chrome windows 10

Both printer options will convert the web page to a PDF document with all relevant components (links, images, texts, etc.) included.

  1. To include the entire web page in the PDF document, select All in the “Pages” section.
11 save chrome webpage pdf 01
  1. As with Firefox, Chrome also lets you configure the PDF’s layout. Select Portrait or Landscape in the “Layout” section.
12 save webpage pdf portrait landscape

Chrome for Windows has a “Color” feature that lets users modify the color scheme of the web page. Select Color if you want the PDF to keep the site’s color scheme. The Black and white option, on the other hand, gives pages in the PDF a monochrome look.

13 save web page pdf chrome windows 10
  1. Expand the More settings section to make advanced changes to the PDF.
14 web page to pdf chrome
  1. Chrome’s PDF generation engine is quite advanced. The “Pages per sheet” option lets you compress up to 16 pages/sections of the web page into a single sheet. That’ll reduce the number of pages in the PDF document but significantly increase its file size.
15 save webpage pdf windows mac
  1. Check the Background graphics box in the “Options” section to add images and other background designs to the PDF document. Of course, that will also increase the file size.
16 web page to pdf chrome windows mac
  1. On macOS devices, there’s an option to view the pre-generated PDF in Preview without saving the document locally. Select Open PDF in Preview and Chrome will display the PDF in a new Preview window.
17 web page to pdf chrome windows mac 01

Save a Web Page to PDF in Microsoft Edge

Google Chrome and Microsoft Edge are both Chromium-based browsers. Therefore, the steps for saving web pages as PDF files in Chrome are the same as Microsoft Edge.

Pressing Control + P (in Windows) or Command + P (in macOS) will launch the print tool that houses the PDF generator. You’ll also find the option to access the tool when you right-click the web page and select Print on the context menu.

18 save webpage pdf microsoft edge

Select Save as PDF (or Microsoft Print to PDF for Windows devices) in the “Printer” section, select your preferred page layout (Portrait or Landscape), and select the pages you want in the document, and select the More settings drop-down to make advanced changes to the PDF.

19 save webpage pdf edge

As with Google Chrome, you’ll find options to customize how many pages you want per sheet, paper size, (top, bottom, and side) margins, color scheme (Windows only), etc. Remember to check the Background graphics box if you want images included in the resulting PDF. Select Print to store the PDF document on your device.

20 save webpage pdf edge 01

Save a Web Page as a PDF in Safari

Converting Safari webpages to PDF documents is just as easy. The macOS browser There are two ways to save web pages as PDF documents in Safari. You can either export the page as a single-view PDF file (select File on the Safari menu bar and select Export as PDF) or save it as a multi-page PDF document.

We recommend the latter because the hyperlinks in the resulting PDF are clickable. 

  1. Visit the web page you want to save as PDF and press Command + P. Or, right-click the page and select Print Page.
21 save webpage pdf safari
  1. Select Show Details below the preview to edit the PDF.
22 edit webpage pdf safari
  1. Select the pages you want to print, choose your preferred page orientation, and check the Print backgrounds box to add images to the PDF.
23 convert webpage pdf mac safari
  1. To modify the number of pages per sheet, tap the “Safari” drop-down button, select Layout, and select the number of sheets you want on a page.
24 convert webpage pdf mac safari 2
  1. To save the web page to your Mac as a PDF document, tap the PDF drop-down at the bottom of the print tool, and select Save as PDF.
25 convert web page pdf safari
  1. Give the PDF document a preferred name/description, select the destination folder, and select Save. Select Security Options to password-protect the PDF file.
26 save webpage pdf safari mac

Save Web Page as PDF Using Online Tools

PDF generators built into your web browsers are convenient and super easy to use. However, if you don’t use the above-mentioned browsers, or your browser doesn’t have a PDF generator, or you want to save a web page as a PDF on your mobile device, online web page converters (like Sejda and CloudConvert) will come in handy.

For Sejda, enter the URL of the web page in the dialog box and select the Convert HTML to PDF button. Your browser should automatically download the PDF format of the provided URL.

27 save webpage pdf windows mac online converters

CloudConvert is our favorite because it sports advanced features you’d find in web browsers’ PDF generators. You can select the pages (or page range) you want to print, customize page size, print background graphics, etc.

28 save website pdf cloudconvert

The resulting PDF documents exported from the above-mentioned techniques and tools should have all components of the original web page—texts, images, ads, hyperlinks, and other multimedia files. Embedded videos, on the other hand, will have their thumbnails or the last frame displayed on the web page at the point of conversion.

HelpDeskGeek