Skip to main content

Save Webpages as PDF

If you like to archive webpages, or share them, a great way is to create a PDF of the webpage. It's easy to do!

Option 1: Luxury PDFs

PrintFriendly.com is a cool web application that optimizes and formats webpages for Print or PDF.

Step 1: Copy the URL of the webpage you want to save as PDF.

Find a webpage you want to save as PDF. In the top of the browser is the address bar. URL is a fancy name for a webpage's address. Select the address/URL and right click on it and choose "copy".



Step 2: Paste the URL into PrintFriendly.com

Now, go to PrintFriendly.com and paste the URL into box that says "enter a URL".




Step 3: Click PDF

PrintFriendly will optimize and format the page for printing or PDF. Click PDF, then save and you're done.




Option 2: Print to PDF

In your browser, go to a webpage you want to save as PDF. You're going to use the Print command, however we're not going to actually print the page.

Step 1: Print Preview

Use the menus: File > Print 
Use keyboard shortcuts: press Ctrl+P or Cmd+P if you're a Mac user

Step 2: Change Your Print to "Save as PDF"





Step 3: Click Save!

That's it, it's that easy.


Comments

  1. Is there a chrome extension for this?

    ReplyDelete
  2. Yes, check out https://chrome.google.com/webstore/detail/print-friendly-pdf/ohlencieiipommannpdfcmfdpjjmeolj

    ReplyDelete
  3. It's a pity you don't have a donate button! I'd definitely donate to this excellent blog! I suppose for now i'll settle for bookmarking and adding your RSS feed to my Google account. I look forward to fresh updates and will talk about this website with my Facebook group. Talk soon! msn hotmail sign in

    ReplyDelete

Post a Comment

Popular posts from this blog

How To Create A Print CSS StyleSheet

Printing webpages can be a disaster. You end up printing the navigation, sidebars, footers, ads, videos, and somewhere in the middle, the actual content. This can waste a lot of paper and ink which isn't good for people's wallet or the environment.



Printing is expensive! The average cost of a printed color page is about $.15 and black and white is $.03 - $.07 (depending if it's laser or inkjet).

Remember this is your content and your brand, not having a Print Styesheet can cost you. Your content wont look good in printed format and you'll piss off your readers.

Create a Print.CSS File
/* Use Serif Fonts */

body {
  margin:0;
  padding:0;
  line-height: 1.4em;
  word-spacing:1px;
  letter-spacing:0.2px;
  Font: 13px "Garamond", Times New Roman, serif; color: #000;
}

You can learn more about why you should use serif fonts for print here.
/*Remove Elements Not Needed for Print*/
#logo, #navigation, #sidebar, #footer {
  display:none;
}

Include Your Print CSS Fil…

How to Add A Print Button To Your WebPage

You may already know that you can print a webpage by going to the browsers File menu and selecting the Print. The universal shortcut key to invoke the Print option is Ctrl AND P, or in the case of Mac OS X, Command AND P.  However, not everyone knows this, or cares to dig around for it.


That's why as a webmaster or blogger, it's your job to make sure readers can print your webpage or article when they want without having to mess with their browser or wondering what to do. If you make it convenient for your visitors to navigate and use your website, they'll come back regularly. It's as simple as that.

To improve the user experience on your website, it's always a great idea to create a custom Print button that users can use. Having a Print button on your website means your users won't have to waste their time figuring out how to print this article.

Another reason why you might want to have a custom print button on your site is to define what gets printed and wha…