How to Save a Web Page as a PDF Without Cutting Off Content
Use print preview to catch clipping before you save a web page as a PDF. Adjust scale, orientation, margins, and headers based on what the preview shows.
To save a web page as a PDF without cutting off content, open the browser’s Print dialog, choose its PDF destination, and inspect the preview before saving. If content is clipped at the sides, try landscape orientation or reduce the scale. If headers, footers, or margins crowd the page, adjust them. Check every preview page: a web page can print differently from how it appears on screen.
Use print preview to find the problem
- Open the page you want to save and choose Print from the browser menu or press Ctrl+P on Windows/Linux or Command+P on macOS.
- Choose the browser’s PDF destination. In Firefox, Mozilla documents selecting Save to PDF from the destination menu.
- Look through the preview page by page. Check the left and right edges, content near the top and bottom, overlaps, and page breaks.
- Change one setting at a time, then review the preview again. When the content fits, save the PDF.
The preview is the diagnostic step: do not assume the on-screen page will be reproduced exactly. A site can use print-specific styling and pagination, so the paper layout may differ from the screen layout.
Fix content clipped at the sides
When text, tables, or images extend beyond the printable width, first try a wider page orientation or a smaller scale.
- Orientation: Switch from portrait to landscape if the content is wide.
- Scale: Reduce the scale until the full width appears. In Microsoft Edge, Fit to printable area adjusts content to fit the paper’s printable area; Actual size preserves the page’s intended size, and a custom scale lets you choose a value.
- Paper size: If the document is intended for another paper size, select that size and inspect the preview again.
Scaling down can make text harder to read, so use the smallest reduction needed. For a very wide page, landscape may preserve readability better than shrinking everything substantially.
Adjust margins and browser headers or footers
Margins determine how much printable space remains. Browser-generated headers and footers can add a date, page number, or URL and take up some of that space.
- Try a different margin setting if content sits too close to an edge or the printable area is too narrow.
- Turn off browser headers and footers if they overlap useful content or crowd the page.
- If headers or footers disappear unexpectedly, check whether the chosen margins leave room for them.
Chrome’s print behavior also reflects the page’s own print layout: printed content is divided into pages, and sites can influence how content is laid out for printing. This is why a setting change may not make every site match its screen appearance.
Choose whether to print backgrounds
Background printing is separate from fixing clipping. Enable Print backgrounds or Background graphics when background colors or images carry information needed to understand the page. Leave it off when those decorations are unnecessary and you want a simpler, less ink-heavy PDF.
Firefox offers print backgrounds among its settings. Mozilla notes that Firefox’s Simplified format, when available, is not compatible with printing backgrounds. If a background matters, use a format that supports it and confirm the result in preview.
Browser-specific settings
Firefox
In the print dialog, select Save to PDF as the destination. Under More settings, Mozilla documents controls for paper size, scale, margins, format (Original or Simplified, when available), headers and footers, and print backgrounds. Review the preview after changing these options. Mozilla cautions that web pages may be set up to appear differently on paper than on screen. Mozilla’s Firefox print instructions.
Microsoft Edge
Edge’s Scale to print choices include Fit to printable area, Actual size, and a custom scale. Edge also documents orientation, margins, headers and footers, background graphics, and previewing selected margins. Start with fit-to-printable-area for width clipping, then inspect every preview page. Microsoft’s Edge printing guidance.
Chrome
Open Print, choose a PDF destination, and use the preview to guide adjustments to available print settings. Labels and controls can vary by version and operating system. Chrome for Developers explains that printed content is fragmented into page areas and that browser-generated headers and footers can be turned off; those headers and footers may not display when margins leave too little space. A site’s print styling can also affect pagination. Chrome for Developers on print layout and margins.
Troubleshooting PDF clipping and layout problems
| What you see in preview | Likely cause | What to try |
|---|---|---|
| Text or images cut off at the left or right | Content is wider than the printable area | Try landscape orientation or reduce the scale. In Edge, try Fit to printable area. |
| Date, URL, or page number crowds the content | Browser headers or footers use space | Turn off headers and footers, or adjust margins to provide room. |
| Background colors or images are missing | Background printing is disabled | Enable print backgrounds or background graphics if the background conveys useful information. |
| Content moves or breaks across pages differently from the screen | The site’s print layout and browser pagination differ from its screen layout | Review every preview page. Try orientation, scale, paper size, and margins; some sites cannot be made to match the screen exactly. |
| Headers or footers do not appear | Margins may leave too little room | Adjust margins and inspect the preview again. |
| Simplified printing removes a needed background | Firefox Simplified format does not support print backgrounds | Choose Original format, if available, and enable print backgrounds. |
Or skip the browser setup
If you need a PDF from code, ScreenshotNeo provides a website screenshot API that can also return PDFs. It accepts options for paper size, margins, landscape orientation, and page ranges. See the ScreenshotNeo API documentation.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -d format=pdf -o page.pdf
import requests
r = requests.get(
"https://api.screenshotneo.com/v1/shot",
params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com", "format": "pdf"},
timeout=90,
)
r.raise_for_status()
open("page.pdf", "wb").write(r.content)
const q = new URLSearchParams({
access_key: 'YOUR_API_KEY',
url: 'https://stripe.com',
format: 'pdf'
});
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot request failed: ${res.status}`);
await import('node:fs/promises').then(fs => fs.writeFile('page.pdf', Buffer.from(await res.arrayBuffer())));
ScreenshotNeo accepts cookie and consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each of those steps can be turned off. Bot checks, blank pages, and failed loads are never billed, and response headers say the page verdict and whether the request was billed. Its MCP server lets AI agents use take_screenshot, get_page_info, and capture_pdf. The Free plan includes 1,000 shots a month with no card; paid plans start at $5 for 3,000 shots. Learn more at ScreenshotNeo.
Sign up for 1,000 free screenshots a month, with no card required.
Performance, reliability, and cost
For a one-off page, browser printing is the simplest option and has no separate API usage cost. For repeatable or automated PDF capture, an API avoids maintaining your own browser setup, but the result still depends on the page loading and its print layout. Check the returned response and the PDF itself rather than assuming every URL produces a usable document. With ScreenshotNeo, only clean shots are billed; cache hits and bot checks, blank pages, timeouts, and failed loads cost nothing. Its plans range from Free (1,000 shots/month) to paid options of $5 for 3,000, $15 for 15,000, $39 for 60,000, $99 for 250,000, and $249 for 1,000,000; yearly billing gives two months free. Every feature is on every plan.
FAQ
Will a PDF always look exactly like the web page?
No. Websites can use print-specific styling, and browsers paginate content for paper. Use the preview to check the output.
Should I always turn on background printing?
No. Enable it when background colors or images convey information. Otherwise, leaving it off can produce a cleaner, less ink-heavy result.
What should I try first for a wide table?
Try landscape orientation. If the table still exceeds the printable width, reduce the scale and check that the text remains readable.


