The Tool Desk
Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →If a background image appears on screen but disappears in print preview, the browser is usually applying its ink-saving default—not failing to load the image. Turn on Background graphics (Chrome or Edge) or Print backgrounds (Firefox), then check your print stylesheet. If you control the page, request exact color adjustment with print-color-adjust: exact, while remembering that the user’s print-dialog choice always wins.
Why background images disappear when printing
Browsers commonly use an economy print mode that omits background colors and images to improve readability and reduce ink. That is why a page can look correct on screen and lose its design in print preview. The omission alone does not prove that the image URL is broken.
There are four separate controls to check:
- The browser’s print-preview setting for background graphics.
- Author CSS, especially
@media printrules. - The element’s
print-color-adjustvalue. - Enterprise policy that hides or locks the background-graphics control.
Fix them in that order. A CSS request cannot override a user’s print-dialog preference.
Turn on backgrounds in print preview
Chrome
- Open the page and press Ctrl+P (Windows/Linux) or Command+P (macOS).
- In the print-preview panel, expand More settings.
- Enable Background graphics.
- Check the preview again, then print or choose Save to PDF.
If Background graphics is missing, disabled, or reverts after you change it, an administrator policy may be setting the allowed mode or default. On a managed computer, ask the administrator to review Chrome’s background-graphics printing policies.
Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Scan for outdated or missing drivers - takes under a minute3Repair Windows errors before they cause bigger problems#1 Best Overall
- BEST FOR SMALL BUSINESSES – Engineered for extraordinary productivity, the Brother DCP-L2640DW Monochrome (Black & White) 3-in-1 combines laser printer, scanner, copier in one compact footprint and delivers high-quality black & white prints
- FAST PRINTER WITH EFFICIENT SCANNING – Produces documents quickly with print speeds up to 36 ppm(2) and scan speeds up to 23.6/7.9 ipm(3) (black/color). A 50-page auto document feeder(4) allows for convenient, time saving multi-page scanning and copying
- FLEXIBLE CONNECTION OPTIONS – Easily navigate the changing demands of your business with secure multi-device connectivity via built-in dual-band wireless (2.4GHz / 5GHz) and Ethernet. Or connect locally to a single computer via USB interface
- BROTHER MOBILE CONNECT APP – Print, scan, and manage your wireless printer anytime, from almost anywhere from your mobile device. Order Brother Genuine Supplies, track toner usage, and complete more work on-the-go(5)
- CHOOSE BROTHER GENUINE TONER – When it’s time to replace your toner, be sure to choose Brother Genuine TN830 or TN830XL replacement toner. And with Refresh EZ Print Subscription Service, you’ll never worry about running out of toner again and you’ll enjoy savings of up to 50%(6) on Brother Genuine Toner. Get started with Refresh today with a Free Trial(1)
Microsoft Edge
- Press Ctrl+P (Windows/Linux) or Command+P (macOS).
- Open More settings.
- Turn on Background graphics.
- Preview and print again.
Edge has equivalent enterprise policies. If the option is unavailable or locked, the policy—not your page—may be enforcing a background-graphics mode.
Firefox
- Open the print dialog with Ctrl+P or Command+P.
- Expand More settings.
- Enable Print backgrounds.
- Set the format to Original, not Simplified.
Firefox’s Simplified format does not allow background printing. If you need the page’s authored layout and backgrounds, Original format is required.
Fix the page with print CSS
Add the rule to the element whose background must remain visible, rather than only to body if the image belongs to a card, hero, or other nested element:
.print-card {
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}The default value, economy, permits the browser to remove backgrounds. exact asks it to preserve the crafted appearance. The prefixed declaration improves compatibility with WebKit/Blink versions that still use it.
Rank #2
- BEST FOR HOMES & HOME OFFICES – Engineered for consistent, premium print quality, the Brother HL-L2405W Monochrome (Black & White) Laser Printer delivers sharp, crisp prints at an affordable price. Prints one-sided documents at speeds up to 30ppm(2)
- COMPACT, CONNECTED PRINTER – Flexible connection options make this an ideal printer for home use and at-home offices. Securely connect to multiple devices with built-in dual-band wireless (2.4GHz/5GHz) or locally to a single computer via USB interface
- BROTHER MOBILE CONNECT APP – Manage your printer remotely and print from your mobile device anytime, from almost anywhere. Order Brother Genuine Supplies, track toner usage, and complete more work on-the-go(3)
- VERSATILE PAPER HANDLING – Enjoy seamless, reliable everyday printing with the 250-sheet paper tray(4) and a manual feed slot that enables printing on envelopes and specialty pape
- BROTHER IS AT YOUR SIDE – Backed by Brother with a 1-year limited warranty and free online, call, or live chat support for the life of your printer
This is a request, not a command. The person printing can still disable background graphics, and that user preference has priority over CSS. Therefore use both the authored rule and the browser setting when you need a reliable result.
Inspect your @media print rules
Search your print stylesheet for rules that intentionally or accidentally remove the image:
@media print {
.hero { background-image: none; }
.promo { display: none; }
.card { height: 0; overflow: hidden; }
}Also check for a changed background-position, background-size, z-index, opacity, or clipping dimensions. A print rule can leave the request intact while placing the image outside the printed box or behind another layer.
Keep the print declaration on the same selector that supplies the background:
Rank #3
- FAST PRINT SPEEDS: Print up to 19 pages per minute.
- COMPACT DESIGN: Space-saving, compact design fits anywhere in your home, school or small office.
- WIRELESS CONNECTIVITY: Print from almost anywhere in your workspace using your compatible mobile device.
- PAPER CAPACITY: Up to 150 sheets.
- SUSTAINABILITY: Uses less than 2 watts in Energy Saver mode.
.hero {
background: url("/images/hero.webp") center / cover no-repeat;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}
@media print {
.hero {
min-height: 320px;
}
}Do not use background-image: none in a broad print rule unless removing that image is intentional.
Diagnose the failure in DevTools
- Open Chrome DevTools with F12 or Ctrl+Shift+I.
- Open the command menu or the Rendering panel.
- Under Emulate CSS media type, select print.
- Inspect the target element’s computed
background-image, dimensions, visibility, stacking order, andprint-color-adjust. - In the Network panel, reload while emulation is active and verify that the image request succeeds before preview generation.
This separates a print-CSS problem from a print-dialog problem. If the image is present in print emulation but absent in the actual preview, return to the browser’s background-graphics checkbox or an administrator policy. If it is absent in emulation too, investigate CSS, loading, or the image request.
Interpret the result
| What you see | Likely cause | Next action |
|---|---|---|
| Image appears on screen and in print emulation, but not preview | Background graphics disabled or policy-controlled | Enable the print setting; contact the administrator if locked |
| Image disappears in print emulation only | @media print rule, dimensions, stacking, or color adjustment |
Inspect computed styles and remove the conflicting rule |
| Image fails on screen and in print | URL, authentication, CORS, or load timing | Fix the request and ensure the asset loads before printing |
| PDF has the background but paper does not | Printer driver or device setting | Check the printer’s color/background options separately |
Check image loading, CORS, and timing
- Open the image URL directly and confirm it returns the expected file rather than a login page, redirect, or error document.
- In Network tools, look for 4xx/5xx responses, blocked requests, or authentication headers that are not available to the print process.
- For images inserted or replaced by JavaScript, wait until the image’s
loadevent (or an equivalent application-ready signal) before opening print preview. - For lazy-loaded backgrounds, scroll or otherwise trigger loading before printing, or use a print-specific rule that makes the content available.
- Check that the element has non-zero width and height in print media and is not clipped by an ancestor’s
overflow: hidden.
An image that never loaded cannot be restored by print-color-adjust; fix the request first.
Use a PDF to isolate the printer
With background graphics enabled, choose Save to PDF. If the saved PDF contains the image, the browser and page are working; a paper-only omission points to the printer driver, device settings, or a printer-specific economy mode. If the PDF also omits it, continue debugging browser settings and print CSS.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Rank #4
- BEST FOR HOME OFFICES & SMALL TEAMS – Engineered for consistent, premium print quality, the Brother HL-L2460DW Monochrome (Black & White) Laser Printer produces documents that are clear, crisp, and easy to review and share, all at an affordable price
- COMPACT, CONNECTED, EXCEPTIONALLY EFFICIENT– Connect with built-in dual-band wireless (2.4GHz/5GHz), Ethernet, or to a single computer via USB interface. Prints at speeds up to 36ppm(2), plus automatic duplex printing saves time and reduces paper waste
- BROTHER MOBILE CONNECT APP – Manage your wireless printer remotely and print from your mobile device anytime, from almost anywhere. Order Brother Genuine Supplies, track toner usage, and complete more work on-the-go(3)
- VERSATILE PAPER HANDLING – Tackle high-volume black & white printing with the 250-sheet capacity paper tray.(4) The manual feed slot enables printing on envelopes and specialty paper
- BROTHER IS AT YOUR SIDE – Backed by Brother with a 1-year limited warranty and free online, call, or live chat support for the life of your printer
Enterprise and managed-device policies
Chrome and Edge can be configured by administrators to set a default background-graphics mode or restrict which modes users may choose. This explains a control that is hidden, disabled, or consistently reset. Test the same page in an unmanaged browser profile or personal device if permitted. For a managed workstation, provide the administrator with the browser version, the policy state, and a PDF showing the behavior; changing page CSS will not defeat a policy restriction.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Common mistakes and precise fixes
“I added print-color-adjust: exact, but nothing changed.”
Enable Background graphics/Print backgrounds first. The property cannot override the user’s print-dialog choice. Then verify that the declaration is on the element carrying the background and that no later print rule resets it.
“The colors print, but the image does not.”
Inspect the computed background-image and Network response. A print rule may remove only the image, or the image may require credentials that are unavailable during capture.
“Firefox ignores Print backgrounds.”
Switch from Simplified to Original format. Simplified format does not permit background printing.
Best Value
- FROM AMERICA'S MOST TRUSTED PRINTER BRAND – Perfect for small teams printing professional-quality black & white documents and reports. Perfect for 1-3 people
- WORLD'S SMALLEST LASER IN ITS CLASS – Precision laser printing that fits anywhere
- FAST PRINT SPEEDS – Up to 21 black-and-white pages per minute single-sided
- WIRELESS WITH SELF-RESET – Helps you stay connected
- PRINT FROM ANY DEVICE – Wireless printing from any mobile device, PC or tablet. Works with Microsoft, Mac, AirPrint, Android, Chromebook and more
“The checkbox is unavailable.”
Check for Chrome or Edge enterprise policy. If the device is managed, only an administrator can change the restriction.
“The preview is correct, but the printer output is not.”
Save to PDF with backgrounds enabled. A correct PDF shifts the investigation to printer-driver or hardware settings.
Or skip the browser setup
For automated screenshots or PDFs, ScreenshotNeo returns a capture from one GET request. It accepts the page like a visitor before capture, removes cookie/consent banners, newsletter popups, and chat widgets, and reports whether the page was cleanly captured. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed.
See the complete parameter list and OpenAPI details in the ScreenshotNeo documentation. A basic cURL request is:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpThe equivalent Python request:
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)And 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}`);ScreenshotNeo also provides an MCP server for AI agents, including Claude, Cursor, and other MCP clients, with take_screenshot, get_page_info, and capture_pdf tools. The Free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000. Create a free ScreenshotNeo account.
Quick verification checklist
- Background graphics or Print backgrounds is enabled.
- Firefox is using Original format.
- The target element still has a background in print media.
print-color-adjust: exactand its WebKit-prefixed form are applied.- The image request succeeds without missing credentials or CORS access.
- The element has printable dimensions and is not clipped or hidden.
- A PDF test distinguishes browser problems from printer-driver problems.
- No enterprise policy is overriding the selected mode.
Frequently Asked Questions
Does printing a background image require changing the image file format?
No. PNG, JPEG, WebP, and other supported formats can print; the deciding factors are loading, print CSS, and the browser’s background setting.
Can JavaScript force a user’s browser to print backgrounds?
No. A page can request exact color adjustment, but the user’s print-dialog preference and any administrator policy take priority.
Why does a background image look different on paper even after it appears in preview?
Paper output can be altered by printer-driver settings, color management, or device economy modes. Compare with a PDF to determine whether the browser or printer is responsible.
Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
