How to Save a Webpage as a PDF with All Images Included
Save a webpage as a PDF from your browser, enable background printing where needed, and check the preview and finished file for missing images.
The usual way to save a webpage as a PDF is to open the browser’s print dialog, choose a PDF destination, check the preview, and save. If a page’s colors or artwork are missing, enable the browser’s print-background option where available. That setting controls backgrounds; it does not guarantee every inline image or dynamically loaded element will appear. Inspect both the preview and the saved PDF.
For a page you need to preserve, first let it finish loading and scroll through it so lazy-loaded images have a chance to appear. Then use the steps for your browser below. Browser print layouts can differ from the interactive page, so “all images” is something to verify for the specific page, browser, and device.
1. Save a page from a desktop browser
Chrome on a computer
- Open the webpage and wait for its visible content to load. Scroll down the page if it loads images as you move through it.
- Choose File > Print, or press Ctrl+P on Windows/Linux or ⌘+P on Mac.
- Choose a PDF destination, usually Save as PDF, and adjust the available settings.
- Review the preview. Save the PDF, open the saved file, and check pages where images matter.
Google documents opening the page, opening Print, selecting a destination, and printing. The preview and final-file checks are useful checks, not a guarantee that every element on every site will print. Google Chrome Help: Print from Chrome.
Firefox
- Open the page’s print dialog and select Save to PDF from the destination drop-down.
- Expand More settings to review paper size, scale, margins, headers and footers, and Print backgrounds.
- Choose Original format if you need the print-background control. Firefox says that control is unavailable when Simplified format is selected.
- Inspect the preview, save, then open the PDF and check the images.
Mozilla Support: How to print web pages in Firefox.
Microsoft Edge
- Open the webpage and press Ctrl+P on Windows or Command+P on Mac, or choose Settings and more > Print.
- Expand More settings.
- Enable Background graphics if the page’s background artwork or colors are missing from the preview.
- Review the preview and saved file for missing images.
Microsoft describes Background graphics as the control for including webpage backgrounds; it does not promise that every site element will print. Microsoft Support: Print in Microsoft Edge.
2. Save a page on a phone
Chrome on Android
- Open the page in Chrome.
- Tap More > Share > Print.
- At the top of the print preview, choose Save as PDF.
- Choose where to save the file and save it. Open the PDF afterward and check that the images you need are present.
Safari on iPhone
- Open the webpage in Safari and tap the page menu, then Share. Depending on the Safari tabs layout, you may see the Share button directly.
- Tap Markup.
- Tap Done, then choose Save File To.
- Name the file, save it, and open it to check the result.
Apple’s documented steps are for Safari on iPhone; labels can vary with software version and layout. Apple Support: Annotate and save a webpage as a PDF in Safari on iPhone.
3. Check that the PDF contains the images you need
Before relying on the file, compare the preview and the saved PDF with the webpage. Check the start, middle, and end of long pages, as well as any page containing an image that matters. Look separately for ordinary images and background artwork: the print-background switch addresses backgrounds, while a missing inline image or dynamically inserted element may depend on how that page renders for printing.
- Missing background color or decoration: try Print backgrounds in Firefox or Background graphics in Edge. In Firefox, use Original format because Simplified format disables that option.
- Missing image in the preview: reload the page, allow it to finish loading, scroll to the image if the site loads content on demand, and reopen Print. If it is still absent, the site’s print layout or browser rendering may omit it.
- Image appears in preview but not in the saved file: save again and open the new PDF in a PDF viewer. If the omission persists, try another browser or device and compare results.
- You only need one image: Chrome documents right-clicking an image and choosing Save image as. That saves the image itself, not the webpage as a PDF. Google Chrome Help.
There is no universal browser setting that guarantees every image will print. The official browser guidance describes print destinations and background controls, not a promise that dynamic page content will always be present. Mozilla also notes that websites can arrange themselves to print differently from their on-screen appearance. Mozilla Support; Microsoft Support.
4. Options that affect the result
| Need | What to check | Important limit |
|---|---|---|
| Page background colors or artwork | Enable print backgrounds in Firefox or Background graphics in Edge. | These controls concern backgrounds; they do not guarantee all images or dynamic content. |
| Readable print layout | Review the browser’s print preview and available scale, paper size, margins, and orientation. | The print layout may differ from the interactive page. |
| Firefox simplified output | Choose Original if you need the Print backgrounds setting. | Simplified format makes that setting unavailable. |
| One image only | Use the browser’s image-saving option when available. | This does not create a full-page PDF. |
| Phone workflow | Use the browser’s sharing or print flow for that device. | Menu labels and steps differ across browsers and software versions. |
5. Troubleshooting missing images and print problems
| Symptom | Likely cause | What to try |
|---|---|---|
| Backgrounds or colors are absent | Print backgrounds are disabled. | Enable the background option in the print settings, then inspect the preview again. |
| Firefox does not show Print backgrounds | Simplified format is selected. | Switch to Original format and check More settings. |
| A below-the-fold image is missing | The page may load that image only after scrolling or may insert it dynamically. | Wait for the page to load, scroll through it, then reopen the print preview. If still absent, try another browser and inspect its PDF. |
| The print preview differs from the webpage | The site may use a print-specific layout or browser print rendering may handle content differently. | Check the available print settings, save a copy, and inspect the PDF. A background setting cannot force every site element into print output. |
| Cannot find a PDF destination on mobile | The phone’s flow is different from the desktop print dialog. | On Android Chrome, use More > Share > Print and choose Save as PDF. On iPhone Safari, use Share, Markup, then Done and Save File To. |
| The saved file omits an image visible in preview | The output may not match the preview or the file may not have been saved as expected. | Save again, open the new file, and compare in another browser if necessary. |
6. Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server from Yorker Media. A single GET request captures a URL as PNG, JPEG, WebP, or PDF. The API supports PDF settings including paper size, margins, landscape, and page ranges. See the ScreenshotNeo documentation for API parameters and PDF configuration.
The following runnable examples use the documented screenshot request form; they capture a WebP image. Configure PDF output using the PDF options in the docs when you need a PDF.
cURL
curl -G "https://api.screenshotneo.com/v1/shot" \
-d access_key=YOUR_API_KEY \
--data-urlencode url=https://stripe.com \
-o shot.webpPython
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)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(`ScreenshotNeo request failed: ${res.status}`);
await import('node:fs/promises').then(fs => fs.writeFile('shot.webp', 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 step can be turned off. Bot checks, blank pages, timeouts, failed loads, and cache hits cost nothing, and responses identify the 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 screenshots each month with no card. Paid plans start at $5 for 3,000 screenshots; every feature is on every plan. Sign up free for 1,000 screenshots a month, no card required.
7. Performance, reliability, and cost
For an occasional page, the browser’s built-in print-to-PDF flow is direct and has no API setup. Its main reliability limit for image completeness is page behavior: print styles, delayed loading, and dynamic content can make the PDF differ from the screen. Previewing and opening the saved file are the practical checks.
For repeatable captures or automated workflows, an API or browser automation can help standardize settings, but you need to handle access keys, request errors, timeouts, and output validation. ScreenshotNeo offers a free monthly allowance and paid tiers; consult its documentation for the PDF request parameters before automating PDF output. Its stated billing rules exclude bot checks, blank pages, timeouts, failed loads, and cache hits.
Frequently asked questions
Does enabling background printing include every image?
No. It controls page backgrounds. Inline, delayed, or dynamically inserted images can still depend on the site’s print layout and browser rendering.
Can I save just one image from a webpage?
Yes. Chrome supports saving an individual image from its context menu. That creates an image file, not a PDF of the full webpage.
Are Mac Safari steps covered here?
This guide does not give a Mac-specific Safari menu path. The Apple reference cited here documents saving a webpage as a PDF in Safari on iPhone.
Will the PDF look exactly like the webpage?
Not necessarily. Websites can use a different print layout, and print rendering can differ from the interactive page. Check the preview and saved PDF before relying on it.
