PDF Created From a Webpage Is Missing Content or Cut Off
Printing a webpage to PDF often misses sidebars, cuts off tables, or omits background images. Learn how to capture complete, accurate PDFs from any webpage.
Saving a webpage as PDF using the browser's built-in "Print to PDF" is fast but produces inconsistent results — it uses the page's print CSS (which often hides navigation, ads, and sidebars) and breaks fixed-width layouts that overflow the paper. Getting a complete, accurate PDF from a webpage requires either the right browser settings or a dedicated tool.
Why Browser Print-to-PDF Misses Content
When a browser prints a webpage, it applies the site's print CSS stylesheet (if one exists) which typically hides: navigation menus, header/footer bars, sidebars, advertisement columns, and interactive elements like dropdowns and modals. The developer intentionally hid these for print. If no print CSS exists, the browser renders the full page into a fixed-width print area — wide tables and fixed-width elements overflow the page edge and are clipped. The browser is not malfunctioning; it is following the page's styling instructions.
Fix 1: Use Chrome's "Save as PDF" With Background Graphics Enabled
In Chrome's print dialog (Ctrl+P): expand "More Settings" → check "Background graphics." This ensures background colors, background images, and CSS-generated content are included. Also set "Margins" to "None" to capture the full-width layout. Change "Paper Size" to a wider format if tables are being clipped (A3 or Tabloid for very wide content). These settings capture significantly more content than the defaults.
Fix 2: Use a Headless Browser Tool
Puppeteer (headless Chrome) and wkhtmltopdf render the full page including all JavaScript-rendered content, infinite scroll content, and dynamic elements. For technical users: Puppeteer's page.pdf() function gives full control over paper size, margins, and content capture. For non-technical users: browser extensions like "Print Friendly & PDF" or "SingleFile" capture the full page content including dynamic elements before converting. These tools load the full page then capture it, unlike browser print which captures only what is in the initial render.
Fix 3: Use Reader Mode Before Printing
For article and documentation pages where you only need the main content: enable Reader Mode before printing. In Firefox: click the Reader View icon in the address bar (or press F9) → then print to PDF. In Safari: View → Show Reader → print. Reader mode strips navigation, ads, and sidebars, presenting only the article content in a clean, printable format. The resulting PDF contains only the main body text and images — ideal for saving articles for later reading.
Fix 4: Full-Page Screenshot as a Fallback
For pages with complex layouts that no PDF method captures correctly: take a full-page screenshot. In Chrome: DevTools (F12) → Command Palette (Ctrl+Shift+P) → type "screenshot" → choose "Capture full size screenshot." This captures the entire scrollable page as a PNG at screen resolution. Convert the PNG to PDF using any image-to-PDF tool. The result is an image-only PDF (not searchable) but contains exactly what was on screen. For pages requiring text search, the Puppeteer approach is better; for visual fidelity, the screenshot approach is foolproof.
Try Compress PDF Now — Free
Browser-based, private, and instant. No account or software required.
Open Compress PDF