Top

How to Print Website to PDF

PDFelement-Powerful and Simple PDF Editor

Get started with the easiest way to manage PDFs with PDFelement!

Some people want to keep and share the contents of a web page, while others want to save it for offline research. In either case, it is mandatory to know how to print website to PDF without putting much hassle.

Saving and printing webpages as PDF allows you to access the information when you don't have an active internet connection. It also means that you have a permanent version of the webpage, in case the owner of that site makes significant changes or deletes the site altogether.

While Google Chrome and Safari come with built-in tools to print webpages to PDF files, sometimes you might find it difficult to save webpage to PDF as it appears. This article will not only show you how to print website to PDF, but also preseve its look.

How to Print Website to PDF in Browsers

You can easily print a webpage to PDF in commonly used browsers, e.g. Google Chrome, Safari, Firefox. They all work in a very simple way. Here we'll show you how to print a website to PDF in Google Chrome as an example.

Step 1 Open the website you want to print to PDF on Google Chrome.

Step 2 Click the three-dot icon on the top right corner of Chrome and select Print. Or use the shortcut: Ctrl + P (Command+P on Mac).

Step 3 In the pop-up window, you can see the preview of the webpage on the left. On the right panel, choose Save as PDF in the Desitination menu. Click More settings to adjust paper size, scaling, etc.

Step 4 Click the Save button to print the website to PDF file.

How to Print Website to PDF as It Appears(Quick Fix)

Wondershare PDFelement - PDF Editor Wondershare PDFelement Wondershare PDFelement is a one-stop solution to cater to all your PDF needs, be it editing a PDF file, merging PDFs, extracting annotations, filling forms, creating password protections, and more. Additionally, it allows you to convert website to PDF format in one click, so you can easily print them and keep files for offline viewing.

Trying to figure out how to print web page to PDF using Wondershare PDFelement? Keep scrolling the page and find the complete guide to carrying out the process with ease.

Step 1Create PDF from Website

Run PDFelement on your computer, click the + icon and select From HTML to create PDF from a webpage

create pdf from webpage
Step 2Enter the URL of Website

On the pop-up window, enter the URL of a web page that you want to save as PDF. And click Create.

convert website to pdf
Step 3Print Website to PDF

Wait till the PDF file is created. You can see the website is converted to PDF in a perfect format. Save the PDF file.

save website to pdf

When it comes to compatibility, PDFelement surpasses all expectations. This tool can operate across desktop, mobile, and web, and is compatible with almost all operating systems, including Windows, macOS, Android, and iOS.

Moreover, it is extremely simple to use and is available in both paid and free versions. Users can either choose the basic version or go for the paid one, based on their requirements and budget. However, you should also keep in mind that the pro version is packed with tons of features that you might not get to enjoy in the free version of the tool.

Looking for the perfect PDF editing experience? Watch the video given below and learn more about the PDF editor.

More tips to print a webpage as it appears

Sometimes, printing a webpage to PDF results in an incomplete PDF or changes the look of the webpage. Here are three tricks to fix the problem.

Change the rendering setting in Chrome

Changing a rendering setting in the Developer Tools on Google Chrome can make a web page more print-friendly. Here's what you can try when printing a web page to PDF:

  • Open the web page you want to print and press F12 or Ctrl+Shift+I to open the "Developer Tools" in Google Chrome (Press CMD+OPT+I on a Mac).
  • Click the hamburger menu button in the top right corner and select "More Tools."
  • Navigate to Rendering and click on it.
  • Scroll down the menu and find "Emulate CSS media type" (or "Emulate print media" if you are using an older version) and select Screen as the media type.
  • While keeping the rendering setting open, click Print to print the full webpage.
change rendering settings

Tip: Keep the Developer Tools open when you are printing to print the webpage as it appears.

Customize printing settings

To print a web page exactly as it appears on the screen, you need to ensure that Background Graphics are included in the Print settings.

  • In the Print window, make sure the "Background Graphics" option is checked.
  • A preview of the web page will appear. If it looks good, click the Print button.

If you have installed Wondershare PDFelement - PDF Editor Wondershare PDFelement Wondershare PDFelement, you can select it as the printer, enabling you to customize the paper size to 1920 * 1080.

customize printing settings

Print the web page to PDF as a screenshot

Taking a screenshot is a great way to save a web page exactly as it is shown on the screen. Google Chrome and Firefox provide a default tool for you to take full-page screen capture.

1. On Google Chrome

  • Open the web page you want to print;
  • Launch the Developer Tools by pressing F12 or Ctrl+Shift+I(Option + Command + I on Mac);
  • Click the hamburger menu button in the top right corner and click "Run command;"
  • In the command window, type "screenshot" and select "Capture full-size screenshot," which will take a full-page screen capture of the opening web page.
take full-page screen capture

2. On Firefox

  • Open a web page, right-click on an empty part of the page;
  • Select "Take Screenshot" from the drop-down menu;
  • There are two options and select the "Save full page" option to take a full-page screenshot.
  • Click the Download button to save the web page to your computer.
take full-page screen capture firefox

3. Third-party extensions for capturing full webpage

Use an extension to take full webpage screenshots and then save the screenshots as a PDF file. GoFullPage, and FireShot are great extensions for taking screenshots of the full webpage in Google Chrome, and Firefox.

After taking a screenshot of the web page in PNG or JPG, you can convert the screenshots to PDF using Wondershare PDFelement.

Tip: How to Print HTML to PDF

HTML is the markup language for creating websites. It is a standard created by the World Wide Web Consortium (W3C) and used by most modern browsers. This language uses special tags to describe the structure of a document.

whatishtml

While you can print HTML as PDF, it's not always easy to do so. There are many different types of printers, and each one has its own quirks. Since there are various printing techniques to save HTML pages, the printing outcomes also differ accordingly.

Always use the print-friendly version of your site when printing HTML pages. You can also use the built-in borderless printing capabilities of most browsers to ensure that your pages look their best when printed. Finally, make sure that all fonts are set to 100% and that you do not have any white space on either side of your text or images.

If you have a simple page, you can modify every single HTML attribute to dramatically improve the printed result. Open your HTML file in a text editor and search for any link or style. Reload the page in your browser and choose File > Print. If everything looks good, then you can now print the website with the background.

In addition, you can control more aspects of printing, such as you can even target print-specific styling on individual elements. To simply print an HTML page, you can

  • Open a document in the HTML editor.
  • Click on File > Print or press Ctrl + P to initiate the printing process.

In addition, you can also take a print preview before finally clicking on the "Print" button.

Tip: How to Print HTML Code to PDF with Notepad

Notepad is Microsoft Windows' basic text editing program, that creates files using the .txt file format. In addition to creating and saving notes, this software is a perfect choice to print HTML code to PDF.

  • To initiate a process, first of all, you need to open an HTML file with Notepad. /li>
open the webpage with notepad
  • Now, as soon as the HTML page opens in Notepad, it will show its codes as it appears in the HTML editor.
  • Take your cursor to the menu bar and click on the File button. From there, you can tap the "print" option.
click on the print button
  • The print settings will now appear on the screen and you can then choose the Microsoft Print to PDF under the "Select Printer" settings, and it will be saved as a PDF version.
select microsoft print to pdf option
You may also like
Top 5 Methods in How To Print Your PDF as a Poster

Explore the top five methods to easily convert your PDF documents into stunning posters. Learn tips and tricks for high-quality poster printing.

[Tips and Tricks] How to Print Protected PDF in 3 Steps?

It’s not hard to print protected PDFs if you follow the right process. Here’s how you can do it.

Solved: Microsoft Print to PDF Not Working on Windows 11

How to fix Microsoft Print to PDF not working on Windows 11? Read the article to get answer.

14 Free PDF Printers that You Definitely Can't Miss

What is the best PDF printer? This post list the top 14 free PDF Printers with detailed description of the features, performance, speed and price.

How to Add PDF Printer in Windows

This article centers on how to add PDF Printer in Windows and Mac(10.13 Included). You can also learn how to add Adobe PDF Printer here.

The 6 Best Printer Apps for Android in 2024

Is there any good printer app for Android to buy? Read on this review on the best printer for Android phone and tablet.