How to Save a Webpage as PDF Without Cutting Off Images

To save a webpage as a PDF without cutting off images, open the browser’s Print dialog, choose Save to PDF, and inspect the print preview before saving. If an image crosses a page edge, adjust scale, paper size, orientation, or margins until it fits. Turn on background graphics if the design relies on background images or colors. Then open the saved PDF and check the affected pages.

There is no universal scale percentage that works for every page: the right fit depends on the image dimensions, page orientation, paper size, margins, and the website’s print styles. A webpage can also deliberately render differently for printing than it does on screen.

Save a webpage as PDF and keep images inside the page

Open the webpage in your browser and open Print. On Firefox, use Ctrl+P on Windows or Linux, or Command+P on macOS.
Choose Save to PDF or the browser’s equivalent as the destination.
Look closely at the preview, especially the pages where images are cut off. Check both page edges and page breaks.
Adjust the layout settings described below. Change one setting at a time and review the preview again.
Save the PDF, open it, and inspect the pages containing images. The preview is useful, but a site’s print styling can produce a result that differs from its on-screen layout.

Settings that prevent image clipping

Scale

Lowering the print scale can bring a wide image within the printable page width or fit more content vertically. If the image is clipped at a page boundary, try a smaller scale and check the preview. Avoid relying on a fixed percentage: the correct value is specific to the page and paper settings.

Orientation and paper size

For an image that is wider than it is tall, try landscape orientation. For a page designed around a portrait layout, portrait may preserve a more natural fit. Choose a paper size that matches your intended PDF layout. A mismatch can leave too little room for a wide image or force awkward pagination.

Margins

Margins reduce the area available for page content. If an image extends past the printable area, try narrower margins if the browser offers that option. Check the preview after each change. Microsoft notes that physical printers can have minimum margins; that limitation concerns printing on paper and should not be assumed to apply the same way to a PDF destination.

Background graphics

If colored areas or background images disappear, enable the print background setting. In Edge it is called Background graphics; Firefox calls it Print backgrounds. Firefox also notes that Simplified format disables print backgrounds, so choose Original when those backgrounds matter.

Page selection and headers

If you only need certain pages, use the page selection controls rather than changing the layout to compensate. Headers and footers can take up space or add content at the page edges; turn them off if they are unwanted and the browser provides that control.

Firefox and Edge: where to find the controls

Browser	Useful controls in the print workflow	When to check them
Firefox	Save to PDF destination, orientation, page selection, paper size, scale, margins, Original or Simplified format, headers and footers, and Print backgrounds.	Use More settings for layout and background options. Choose Original if print backgrounds are needed.
Microsoft Edge	Print dialog with More settings, including scaling, margins, and Background graphics.	Use the preview to see whether scale or margins are causing an image to meet a page edge.

Menu names and available controls vary by browser version and operating system. Mozilla documents its Firefox print workflow and individual-image workaround in How to print web pages in Firefox; Microsoft documents Edge’s options in Print in Microsoft Edge.

Save one image as a PDF

If you want a PDF containing a single image rather than the full webpage, open the image in its own browser tab or view the background image, then use the browser’s normal Print and Save to PDF workflow. This removes the surrounding webpage layout from the print job. Check the resulting preview for orientation, scale, and margins before saving.

When the preview still cuts off images

If scale, orientation, paper size, and margins do not solve the problem, the site’s print-specific CSS or paged-media layout may be controlling how content is split across pages. Print layout can differ from the screen layout, and long content is fragmented across as many pages as needed. Chrome Developers explains the page-box and fragmentation model in its article on adding content to printed page margins.

Image is too wide: try landscape, a wider paper size, narrower margins, or a lower scale, then recheck the preview.
Image is split between pages: inspect the page break and try a different scale or paper size. If the site’s print layout forces the split, browser settings may not fully reproduce the screen layout.
Background disappears: enable Print backgrounds or Background graphics; in Firefox, use Original instead of Simplified.
Only one picture is needed: open that image separately and print it on its own.
PDF differs from what you see on screen: the page may apply print styles. The print preview shows the browser’s print rendering, not necessarily a pixel-identical screen capture.

Or skip the browser setup

If you need a screenshot or PDF capture through an API, ScreenshotNeo is a website screenshot API and MCP server from Yorker Media. Its PDF endpoint supports paper size, margins, landscape, and page ranges. For a page capture, the basic request is:

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

For a PDF, request PDF output and set the PDF options documented in the ScreenshotNeo API documentation. The same endpoint can return screenshots in PNG, JPEG, or WebP, and PDF. In Python:

import requests

r = requests.get(
    "https://api.screenshotneo.com/v1/shot",
    params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"},
    timeout=90,
)
r.raise_for_status()
open("shot.webp", "wb").write(r.content)

And in Node.js:

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
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('shot.webp', Buffer.from(await res.arrayBuffer())));

Use your own API key in place of YOUR_API_KEY. Check the docs for the PDF output parameter and PDF-specific settings before requesting a PDF. ScreenshotNeo removes known cookie and consent banners, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed, and the response identifies page verdict and billing status in headers. Its MCP server provides take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients. The Free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots. See sign up for free to get started.

Common problems and fixes

Problem	Likely cause	What to try
An image is cut off at the right or left edge.	The image is wider than the printable area, given the current orientation, scale, paper, and margins.	Try landscape, a wider paper size, narrower margins, or a smaller scale. Review the preview after each change.
An image is cut at a page break.	The page is being fragmented across printed pages, or print styling places the image across a boundary.	Adjust scale or paper size and inspect the page break. If it persists, the website’s print CSS may be responsible.
Colors or decorative images are missing.	Background graphics are disabled, or Firefox is using Simplified format.	Enable Background graphics or Print backgrounds. In Firefox, select Original format.
The PDF does not look like the screen.	The site may use a different print layout or hide and rearrange content for printing.	Check the browser’s print preview. If the site’s print rules control the result, browser scale and margins may not restore the screen layout.
The PDF is blank or lacks the desired picture.	The page may not have finished displaying before printing, or the desired picture may be a CSS background.	Wait for the page to load, inspect the preview, and if you need just one image, open the image or background image separately before printing.

Performance, reliability, and cost

For an occasional webpage, the browser’s built-in print workflow is usually the simplest route and requires no separate capture service. Previewing and checking the saved PDF takes extra time, but catches layout problems before you rely on the file. For repeated captures or automated PDF generation, an API can avoid setting up browser print dialogs for each page; account for your request volume and the provider’s pricing.

ScreenshotNeo’s listed plans are Free: 1,000 shots per month; Starter: $5 for 3,000; Growth: $15 for 15,000; Pro: $39 for 60,000; Scale: $99 for 250,000; and Business: $249 for 1,000,000. Yearly billing gives two months free, and every feature is on every plan. Only clean shots are billed under its stated billing rules. See the documentation for supported PDF options and request parameters.

FAQ

Is there a setting that guarantees no image will be cut off?

No single setting guarantees a fit on every site. The result depends on the image, page dimensions, browser print settings, and the page’s print styles. Use the preview and check the saved PDF.

Will Save to PDF preserve the webpage exactly as it looks on screen?

Not necessarily. A site can use print-specific styling that changes its layout or appearance.

Can I save just one image instead of the whole webpage?

Yes. Open the image by itself, then print that tab to PDF.