Easily save a Web page as a PDF document

Did you know that if you have a WordPress blog post or page with the Print option in your Sharing functions, that when someone clicks on Print, if the person uses a Windows Operating System, they will be able to use “Microsoft Print to PDF“.  See screenshots below.

You can try it out yourself using your own blog or another blog.

If you run a WordPress blog / site and haven’t got the Print icon showing at the bottom of your blog posts and pages, to enable it, go to your Dashboard.  Click on “Sharing” under Configure.  Click on Sharing Buttons.

Click on Add Sharing Buttons.  Under Edit Visible Buttons, find the Print icon and click on it, and it will be added to the Preview section.  Make sure you click on the blue Save Changes button.

To save a post or page as a PDF document, go to the Sharing options at the bottom of the page.  Click on the Print icon, then click on the OK button shown above (for Firefox), and the content will be saved to your computer as an Adobe Acrobat PDF document.  If you are using Chrome as your browser, make sure that “Save as PDF” is selected as the Destination (click on the Change button if it isn’t), then click on the Save button, shown below.

chrome save

Did you know that PDF means Portable Document Format and is a super useful file format developed by the Adobe company that preserves all the fonts, formatting, JPG graphics, and colour of any source document, regardless of the application and platform used to create it?  If you don’t have the free Adobe Acrobat Reader software, click  HERE  to download it.

After clicking OK you will be presented with the last Folder accessed on your computer as a suggestion where to save (download) your PDF document.  You can of course navigate to a different folder.

Type in a suitable name for the document so you will remember how to access it later, and remember what Folder you are saving it to, then click Save.  Now find the Folder that you saved the document to and double-click on the file name, and the blog post or page will appear in PDF format.

You can then print the document if you have a printer or save it on a USB drive or email it so it can be printed somewhere else or by someone else.

With Firefox / Chrome / Internet Explorer, when you are on any web page, you can right-click and click on Print to “print (or really save to PDF”, then print, if you want to) and this will SAVE the page(s) to the folder on your computer that you save to.  CHECK that all the pages appear in your preview, if you are saving lots of web content.

Just click Cancel if you don’t want to save after all.

If you are saving to PDF using Chrome, click on More settings next to the plus sign + as shown below.

moresettings-click

Then click in the check box next to “Background graphics” – if it is not already “ticked” (or checked) – before you click on the blue Save button to save the web-page to your computer as a PDF document.  If you are going to print the resulting PDF document, perhaps also change the Paper size from Letter to A4 (because usually we print on A4 size paper).

moresettings

The screenshot below shows the Printer options for Internet Explorer.  You will need to click on the little arrow next to “Microsoft XPS Document Writer” and select “Microsoft Print to PDF” in order to save as a PDF document.  Check the preview includes all content, then click on Print.

IE PRINT

If you have a Mac OS please click  HERE to read a PDF document of information from the CNET website, for instructions on “printing” to PDF using a Mac Operating System.  You will see that the PDF document linked to above does not have the image in it for the Mac OS Printing options!  I am providing the PDF version in this post, as an example of the output of saving to PDF.

To see the relevant picture, you will have to click on the link below to go to the cnet page for instructions.

https://www.cnet.com/how-to/five-ways-to-save-a-web-page.

A big note here – please read

I have found out the hard way that if your images in your WordPress blog post or page are in the PNG file format the images may not appear in a PDF document.

To get around this, if you can, always choose the  JPG  format for all images and photos added to your blog !  PNG is generally not a print format alas.  I discovered upon researching about it, that it is for non-print work (i.e. useful for web-based viewing).

If you are saving someone else’s page or post to PDF (whether to print it or not) and the content includes images, you should check the resultant PDF document to see if the output includes the images.

If it doesn’t, and you want the images, try saving the individual images to your computer, via right-clicking on the image and left-clicking on Save Image As.  This will only work if  the website has the “Save images” function enabled.  Alternatively, SAVE the web page as an HTML document (see information about this later in this post).

FYI, a quick way when using Firefox (and some other browsers) to see if an image is a JPG or a PNG format, right-click on an image and choose View Image or Open image in new tab.   Then have a look at the URL or web address and see if it has jpg in it or png.

Alternatively, when you move your cursor over an image in a blog post or page, and the “hand” icon appears, you can look at the lower left-corner of the screen, as the URL will be displayed there (while you hover your mouse over the picture).

If you can’t use View Image or Open Image in new tab, or see the URL pop up in the lower left of your computer when hovering your mouse over an image, it means that the person whom created the web page has set it up so that the images can’t be viewed or opened outside of the web-page.  In this case, I recommend that you SAVE the web page as HTML if you really must have the images saved, but if you don’t care about the images being saved, go ahead and use “Print to PDF” if you fancy a PDF copy of the content.

If you use the Save function of your computer, the web page is saved as an HTML document or as a Web Page.  You may opt to save web content as a complete HTML package, in order to “save” and view all of the elements or components, including images.  However, this way of saving could take a while (especially if you’re not on a fast broadband connection) and takes up slightly more storage space on your computer.

If like me, you like reading or working from PDF format documents, the “Print to PDF” is a good option to use.  Of course if the web page you want to save and / or print doesn’t contain any images, it is a good “candidate” for “printing to PDF.”

I have written comprehensive Guidelines on setting up and running a FREE WordPress.com blog.  A lot of content on the internet focuses on self-hosted WordPress sites, but my guidelines set out in one convenient document all the basics of setting up and maintaining a free WordPress.com site.

How do you save web content? 

Do you have the Print function enabled for your WordPress blog posts and pages? 

You may see advertisements on this blog.  This is because this blog uses the free WordPress.com platform.  If you don’t like the ads, just brush them away like you would with an annoying bug

 

Advertisements

Your Feedback is Welcome

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this:
search previous next tag category expand menu location phone mail time cart zoom edit close