How to Save a Full Scrolling Webpage as a Single PDF in Chrome

TL;DR

To save a full scrolling webpage as a PDF: install Convert: Web to PDF, scroll through the page to load all content, click "Load Images" to trigger any remaining lazy-loaded media, remove unwanted elements, and download. You get a real, multi-page PDF with selectable text — not a single giant screenshot image.

The problem with long pages

Modern web pages are designed for scrolling, not printing. They use techniques that make saving as PDF difficult:

• Lazy loading — Images, videos, and content blocks only load as you scroll to them. If you save before scrolling, those elements appear as blank spaces or placeholder icons.
• Infinite scroll — Social media feeds, news sites, and some product catalogs load new content endlessly as you scroll down. There is no "end" of the page.
• Dynamic content — JavaScript-driven elements, animated components, and AJAX-loaded sections may not render in a static PDF.
• Sticky elements — Navigation bars, cookie banners, and chat widgets that stick to the viewport repeat on every page of the PDF.
• Print stylesheets — Some sites have CSS rules that hide content when printing, removing sections you actually want to save.

Chrome's built-in Print to PDF (Ctrl+P) handles none of these well.

Step-by-step: save a full scrolling page

Step 1: Scroll through the entire page first

Before clicking the extension, scroll from top to bottom of the page. This triggers lazy-loaded images and ensures all content is in the browser's DOM. For very long pages, scroll steadily — do not jump to the bottom instantly, as lazy loading needs time to trigger for each section.

Step 2: Click the extension

Open Convert: Web to PDF from your toolbar.

Step 3: Load remaining images

Click the "Load Images" button in the extension. This programmatically triggers any lazy-loaded images that may not have loaded during your manual scroll. Wait a moment for all images to appear.

Step 4: Remove sticky elements

Click "Remove Elements" and remove:

• Sticky navigation bars at the top
• Cookie consent banners
• Chat widgets (usually bottom-right)
• Floating social share buttons
• Sticky footers or call-to-action bars

These fixed-position elements repeat on every page of the PDF. Removing them gives you a much cleaner output.

Step 5: Remove other clutter

While in element removal mode, also remove:

• Ads and promotional banners
• Sidebar widgets
• Newsletter popups
• Related content sections at the bottom (if you only want the main content)
• Comment sections

Step 6: Choose your settings

• Paper size — A4 or Letter for standard documents. A3 for wide content.
• Orientation — Portrait for most articles. Landscape for wide tables or dashboards.
• Margins — Default works for most cases. Narrow margins fit more content per page.
• Scale — Reduce to 80-90% if content is slightly too wide for the page.

Step 7: Preview and download

Click Convert to see a preview. Check that:

• All images loaded (no blank spaces)
• No sticky elements repeating across pages
• Content flows properly across page breaks
• Text is readable at the selected scale

If everything looks good, download.

Handling specific types of long pages

News articles with dozens of images

News sites load images lazily and insert ads between paragraphs. The approach:

• Scroll through the entire article slowly
• Use "Load Images" in the extension
• Use Article Mode to extract just the article content (strips all ads, navigation, and sidebar automatically)
• This is faster than manually removing every ad

Social media feeds (partial capture)

Infinite scroll feeds (Twitter/X, Reddit, Facebook) technically never end. To capture a portion:

• Scroll down to load the content you want
• Stop scrolling when you have enough
• Use the extension to convert just what has loaded
• Remove the site header and any promotional elements

Note: This captures a snapshot, not the entire feed.

Documentation pages with sidebar navigation

Technical documentation (MDN, React docs, etc.) often has a fixed sidebar. The approach:

• Use element removal to strip the sidebar navigation
• The main content column expands to fill the page
• This gives you a clean, readable document

Data tables that scroll horizontally

Wide tables on data-heavy pages may exceed the page width. The approach:

• Switch to landscape orientation
• Choose a larger paper size (A3 or Ledger)
• Reduce the scale to 70-80% to fit the table
• Preview to check that all columns are visible

Single-page applications (SPAs)

React, Angular, and Vue applications render content dynamically. The extension uses Chrome's DevTools Protocol, which captures the rendered state of the page — not the raw HTML source. This means SPAs are captured as they appear on screen, including dynamically loaded content.

Common issues and fixes

Blank spaces where images should be

Cause: Lazy-loaded images have not been triggered. Fix: Scroll through the entire page before converting. Use the "Load Images" button.

Navigation bar repeating on every page

Cause: The nav bar has position: fixed or position: sticky in CSS. Fix: Remove the nav bar using "Remove Elements" before converting.

Page cuts off at the bottom

Cause: The page uses infinite scroll and only partial content has loaded. Fix: Scroll further to load more content, then convert.

Text is too small in the PDF

Cause: The page is wide and the content is being scaled down to fit. Fix: Use a larger paper size (A3 instead of A4) or switch to landscape.

CSS animations frozen in odd states

Cause: The PDF captures a single frame of any animation. Fix: Wait for animations to complete before converting. Most animations are cosmetic and do not affect the content.

Comparison: full-page capture methods

Convert: Web to PDF:

• Output type: Real PDF (selectable text, clickable links)
• Handles lazy loading: Yes (Load Images button)
• Element removal: Yes (with undo)
• Page size control: Full (A3–Ledger)
• File size: Small (text-based PDF)

GoFullPage:

• Output type: Screenshot (image wrapped in PDF)
• Handles lazy loading: Scrolls automatically (captures visible state)
• Element removal: No
• Page size control: No (matches page dimensions)
• File size: Large (image data)

Chrome Print to PDF:

• Output type: Real PDF
• Handles lazy loading: No (captures current DOM state)
• Element removal: No
• Page size control: Limited
• File size: Small

Frequently asked questions

Can I save an infinitely scrolling page?

You can save whatever has loaded so far. Scroll to load the content you want, then convert. The extension captures the current state of the page, including all content that has loaded into the DOM.

Why do some images show as blank?

Images that use lazy loading only load when you scroll to them. If you convert without scrolling, those images are not yet in the page. Scroll through the entire page first, then use the "Load Images" button.

How many pages can the PDF be?

There is no page limit. A long article might produce a 10 to 20 page PDF. The extension handles this without issues. Very long pages (50+ pages) may take a few extra seconds to generate.

Can I save just part of a long page?

Yes. Use element removal to delete the sections you do not need (header, sections above the content you want, sections below it, footer). Then convert just the remaining content.

Does this work on single-page applications?

Yes. The extension captures the rendered DOM, not the HTML source. React, Angular, Vue, and other SPA frameworks are supported because the extension sees the page exactly as you do.

Bottom line

Long, scrolling pages with lazy loading and dynamic content are the hardest pages to save as PDF. Convert: Web to PDF handles all of it — scroll to load content, click "Load Images" for stragglers, remove sticky elements, and download a clean, multi-page PDF. Free, local, and works on any page.