Skip to main content
Tutorial7 min read

How to Convert a Long Article into a Clean PDF

A step-by-step guide to getting clean, readable PDFs from long web articles — stripping ads, navigation, and broken layouts using Reader Mode, PrintFriendly, and DevTools.

Full PageFormattingChrome
Web-PDF.com

Converting a long article into a PDF should be simple. In practice, the default output of Chrome's print-to-PDF often captures the article buried under navigation, sidebars, cookie banners, related article widgets, social share buttons, and whatever else the site has decided to wrap around the actual content you care about.

A clean article PDF is one where the prose is readable, the typography is consistent, images appear where they should, and the decorative chrome of the website is absent. Here's how to get there without spending more than a few minutes per article.

Why Articles Convert Badly by Default

Most article pages are designed for screen reading — with responsive layouts, interactive sidebars, sticky navigation, and dynamic ad placement. Print stylesheets are an afterthought on most publishing platforms. When Chrome renders the print version, it often picks up:

  • Navigation bars that repeat on every page.
  • Related articles widgets that inflate the page count.
  • Advertisements embedded in the content flow.
  • Subscription popups that are technically in the DOM.
  • Inconsistent typography where the screen font doesn't match what loads in print mode.

The fix is to strip or clean the page before converting. There are three levels of approach depending on how much control you want.

Method 1 — Chrome Reader Mode (Fastest)

Chrome's Reading Mode strips the page down to the article's main content before you do anything. It removes navigation, ads, sidebars, and most visual noise.

Setup (one time):

  1. Go to chrome://flags.
  2. Search for "Reading Mode."
  3. Enable the flag and restart Chrome.

Usage:

  1. Open the article.
  2. Click the book-page icon in the address bar (it appears on recognized article pages).
  3. The article renders in clean, reader-friendly typography on the right side of the window.
  4. Press Ctrl+P to print. The clean reader view is what gets captured.

The resulting PDF is article content only — consistent body text, images in-flow, no navigation. This takes about fifteen seconds start to finish on a supported page.

Limitation: Reader Mode works on standard article pages. It won't always recognize documentation pages, long-form essays with non-standard structure, or landing pages.

Method 2 — PrintFriendly Extension

PrintFriendly gives you more control than Reader Mode. When activated, it renders a cleaned preview of the article where you can manually click any element to remove it before generating the PDF.

How it works:

  1. Install PrintFriendly from the Chrome Web Store.
  2. Open the article.
  3. Click the PrintFriendly icon in your toolbar.
  4. A preview opens with the article content cleaned automatically.
  5. Click any element (an image you don't want, a caption, a pull quote) to remove it.
  6. Click PDF to download.

PrintFriendly also handles preserving working hyperlinks in the output, which is important if you want to reference the article's sources from the PDF.

Method 3 — Instapaper or Pocket Before Conversion

Instapaper and Pocket are read-later services that also offer PDF and print export. When you save an article to either service, they parse and clean the content on their end.

Instapaper PDF workflow:

  1. Install the Instapaper browser extension.
  2. Click it on any article to save.
  3. In Instapaper, open the article and use Print (Ctrl+P) — the clean Instapaper reader view is what prints.

Both Instapaper and Pocket use battle-tested article parsers that handle most major publication formats correctly. The clean output is consistent across different sites. Best for articles you're saving to a reading queue rather than one-off conversions.

Method 4 — DevTools Element Removal

For articles where the above methods don't work, a manual approach using DevTools is reliable but takes a few extra minutes.

  1. Press F12 to open DevTools.
  2. Use the element selector (the arrow icon) to click on elements you want to remove — navigation bars, sidebars, ads, sticky headers.
  3. With an element selected, press Delete in the DevTools Elements panel to remove it from the DOM.
  4. Repeat until the page contains only what you want in the PDF.
  5. Press Ctrl+P to print.

This gives you complete control over what ends up in the PDF. The changes are local to your browser tab and don't affect the live website. For understanding how Chrome's print-to-PDF compares with dedicated extensions for article conversion, the trade-offs are covered in detail there.

Getting the Typography Right

Even with clean content, PDF typography can be awkward. A few adjustments help:

  • Scale: Reduce to 85–90% in Chrome's print dialog. This slightly shrinks the text, fitting more content per page and reducing awkward mid-sentence page breaks.
  • Paper size: A4 or US Letter are standard. For long articles you plan to read on a tablet, some people prefer A5 size.
  • Margins: "None" gives the content maximum space. "Custom" at 10–15mm on each side is a good middle ground for printed documents.
  • Headers and footers: Uncheck in More settings if you don't want the URL and page number on every page. Keeping the URL footer is useful for reference articles you might share.

Handling Multi-Part Articles and Series

Some publications split a long article into multiple pages to maximize ad revenue. To save the full article as one PDF:

  1. Look for a "Print" or "Single page" link on the article — many publications offer this.
  2. If not available, save each part as a separate PDF, then merge them using a PDF tool.
  3. Some extensions (including PrintFriendly) handle multi-page article stitching automatically.

For a workflow approach to saving multiple webpages into a single PDF session, there are methods for batching this efficiently.

Final Thoughts

Getting a clean PDF from a long article is a three-step process: clean the content (Reader Mode or PrintFriendly), adjust the settings (scale, margins, headers), and export. Reader Mode is the fastest option when it works. PrintFriendly is the most flexible when it doesn't. For complete control on difficult pages, the DevTools element removal approach is reliable if slower.

If you're starting from scratch, how Chrome saves webpages as PDF covers the baseline print dialog options in detail.

Frequently Asked Questions

How do I save a web article as PDF without ads?

Enable Chrome's Reader Mode (via chrome://flags), activate it on the article, then print with Ctrl+P. Or use PrintFriendly, which strips ads automatically and lets you remove remaining elements manually.

Why does my article PDF have broken formatting?

Usually caused by web fonts not loading in print mode or sticky elements overlapping content. Reader Mode or PrintFriendly fix this by extracting just the article content.

Can I convert a paywalled article to PDF?

If you have legitimate access to the article, yes — any conversion method works. If you don't have access, the paywall is what gets captured.

What's the best layout for article PDFs?

A4 or Letter size, scale at 85%, with headers and footers toggled based on whether you need the source URL.

How do I remove page headers and footers?

In Chrome's print dialog, open More settings and uncheck Headers and footers.