Windows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallOutdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchIf an image appears on screen but disappears in print preview, first determine whether it is an HTML <img> (or <picture>) resource or a CSS background-image. Backgrounds are commonly omitted by a print-dialog preference; HTML images more often fail because of print CSS, an invalid or unsupported source, or lazy loading that has not completed. Use the diagnostic sequence below to identify the branch, correct it, and verify the output in more than one browser.
Start by identifying the kind of image
Open developer tools, use the element picker, and inspect the visual that is missing.
HTML image element
An <img> has a src or srcset attribute. A responsive image may actually be selected from a <source> inside <picture>. These images need a successful network request, a supported format, and dimensions that remain visible in print.
CSS background
A background is attached to an element through background-image or a shorthand such as background. Browsers often omit backgrounds to save ink unless the person printing explicitly enables them. The troubleshooting path is therefore different from an <img>.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →#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)
Enable background printing first
When the missing artwork is a CSS background, check the print dialog before changing code. In Firefox, choose Print, expand More settings, and enable Print backgrounds. Other browsers expose an equivalent checkbox with different wording, so inspect the current dialog rather than assuming a fixed label.
A stylesheet cannot override a user’s choice to omit backgrounds. You can request that the authored appearance be preserved with print-color-adjust: exact, but the browser and user settings still have final control.
.print-artwork {
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}Apply this narrowly to artwork that really must retain its background. Do not put it on the entire document unless you accept heavier, more colorful output. If the graphic conveys essential information, represent it as an actual <img> with useful alternative text instead of relying only on a decorative background.
Inspect print-specific CSS
Print media rules can hide an image or any ancestor even when the screen stylesheet looks correct. In Chrome, open developer tools, open the command menu, choose Show Rendering, and set Emulate CSS media type to print. The page now uses print media rules while you inspect it.
Rules that commonly remove an image
display: noneon the image or an ancestor.visibility: hidden, opacity changes, or a white-on-white print color.- A print rule that sets width or height to zero.
- Overflow clipping that cuts the image out of the printable box.
- An absolutely positioned image moved outside the page.
- A linked stylesheet with
media="print"that replaces the screen layout.
Search the source and loaded stylesheets for @media print and for links whose media attribute is print. In the computed-style panel, start at the image and walk up through its ancestors. The first rule that changes display, visibility, dimensions, position, or clipping is usually the useful lead.
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
Use a minimal print override
Once you have confirmed that a print rule is responsible, override only the affected component. For example:
@media print {
.report-logo,
.report-figure {
display: block;
visibility: visible;
width: auto;
height: auto;
overflow: visible;
}
}Do not blindly force every hidden element to display. Navigation, dialogs, cookie notices, and interactive controls are often intentionally removed from paper output.
Verify the image request and format
For an HTML image, inspect the final URL in the src property and the selected candidate in the currentSrc property. In the Network panel, reload with print emulation enabled and confirm that the request succeeds.
- A 404, 403, redirect loop, or failed DNS/TLS request means the browser never received the image.
- An empty or null source can produce a broken image request and unexpected page behavior.
- The file must be a format the target browser supports and must not be corrupted.
- Authentication, hotlink protection, or a referrer check can allow the screen request but reject a later print-time request.
- For
srcset, verify the candidate actually selected for the print viewport; it may differ from the screen candidate.
Check both the Console and Network panels. Opening the final image URL directly in a new tab helps distinguish a bad asset from a layout rule. If the response is an HTML error page with an image extension, fix the server response rather than the CSS.
Handle lazy-loaded images and print timing
An image marked loading="lazy" may not be requested until it approaches the viewport. The window load event does not prove that every lazy image has finished. A user can open print preview before an off-screen image is fetched, leaving a blank area in the preview.
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.
Reproduce and confirm
- Temporarily change the affected element to
loading="eager"in developer tools. - Scroll it into view or otherwise trigger the lazy-load intersection.
- Wait for the image request to finish and for the image’s
completeproperty to become true. - Open print preview again. If it now appears, the problem is loading timing rather than print CSS.
Make critical images reliable
Use eager loading for logos, charts, and other graphics that must be present in a printed report. Give every image stable dimensions so layout is reserved before the request completes:
<img
src="/assets/chart.webp"
width="1200"
height="700"
loading="eager"
alt="Quarterly revenue chart">For long documents containing many noncritical photos, keep lazy loading but provide a print path that eagerly loads only the images required on paper. Wait for those images before calling window.print():
Recommended Free Tools
async function printWhenImagesReady() {
const images = [...document.querySelectorAll('img.print-required')];
for (const image of images) {
image.loading = 'eager';
if (!image.complete) {
await new Promise(resolve => {
image.addEventListener('load', resolve, { once: true });
image.addEventListener('error', resolve, { once: true });
});
}
}
window.print();
}The error branch deliberately resolves so one broken decorative image does not prevent the print dialog from opening; production code can instead report failures for required assets.
Use a repeatable browser diagnostic sequence
- Classify the visual. Decide whether it is an
<img>,<picture>source, or CSS background. - Test the print preference. Enable background printing when the visual is a background.
- Emulate print media. Inspect computed styles and hidden ancestors in developer tools.
- Check the selected resource. Validate
currentSrc, status code, response type, and format. - Check timing. Test eager loading and wait for completion if the image is lazy.
- Compare output. Save the preview as PDF where available and test another browser.
This sequence separates a user preference from a document defect. If only backgrounds disappear, focus on the print dialog. If ordinary <img> elements fail in several browsers, focus on markup, requests, and print CSS.
Common symptoms, causes, and fixes
| Symptom | Likely cause | Fix |
|---|---|---|
| Colored panel or hero artwork is absent, but text remains | CSS backgrounds are disabled for printing | Enable Print backgrounds; add narrowly scoped print-color-adjust: exact if appropriate. |
| Logo is replaced by a blank gap | Print CSS hides it or its source fails | Inspect computed styles and the Network panel; remove the conflicting print rule or repair the URL. |
| Only images far down a long page are missing | Lazy loading has not completed before preview | Use eager loading for print-critical images and wait for their load events. |
| Image works on screen but not in PDF in every browser | Invalid format, server denial, or a print-only rule | Open currentSrc, inspect status and response type, then emulate print media. |
| Image appears in one browser but not another | Different print preferences, format support, or media-rule handling | Compare dialog settings, use a broadly supported format, and test the computed print styles in both browsers. |
| Image area collapses before it loads | Missing intrinsic dimensions | Set width and height attributes or equivalent CSS aspect-ratio dimensions. |
Design print-safe image markup
Prefer semantic images for information and use descriptive alt text. Keep decorative backgrounds for decoration. Supply a supported fallback when using modern formats, and ensure the URL remains reachable without an expiring token during the print session. Avoid putting essential text only inside a background image; it may be omitted or inaccessible to assistive technology.
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
For reports generated by JavaScript, render the data image before exposing the print button. If a chart is drawn to a canvas, provide a printed alternative such as an exported image or a textual table. A successful screen render is not proof that the print renderer has received every resource.
Do these 3 things before closing this tab:
1Repair Windows errors before they cause bigger problems2Scan for outdated or missing drivers - takes under a minute3Clear out junk files and repair common Windows errorsPerformance, reliability, and verification notes
Eager-loading every image can increase network traffic and delay the print dialog, especially on an image-heavy page. A better compromise is to mark only print-critical assets as eager, reserve their dimensions, and wait for them explicitly. Keep print CSS narrow so ordinary screen optimizations do not get undone.
Always verify the final artifact, not just the preview thumbnail. Use the browser’s Save to PDF option, reopen the PDF, and inspect pages containing images. Then test a second browser when the document matters operationally. A discrepancy between browsers usually points to a preference or renderer difference; a consistent failure usually points to the document or server.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Or skip the browser setup
If you need repeatable screenshots for debugging or regression checks, ScreenshotNeo provides a website screenshot API and MCP server. It accepts one request for a PNG, JPEG, WebP, or PDF and can wait for a selector, delay, or network idle, load lazy images for full-page captures, apply custom CSS or JavaScript, and emulate devices or dark mode.
Its cleanup step accepts cookie or consent banners and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be disabled. Bot checks, CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and response headers identify the page verdict and billing result. An MCP server exposes take_screenshot, get_page_info, and capture_pdf for Claude, Cursor, and other MCP clients.
One-call examples
See the parameter reference in the ScreenshotNeo documentation. Replace the target URL as needed.
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
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpimport 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)const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);The free plan includes 1,000 screenshots per month with no card. Paid plans start at $5 for 3,000 screenshots; every feature is included on every plan. Create a free ScreenshotNeo account to try it.
Frequently Asked Questions
Why does changing print-color-adjust not restore my image?
That property is only a request to preserve authored appearance. The user’s print-background preference and the browser’s print renderer can still omit a CSS background. Enable background printing and verify the element is not hidden by print CSS.
Should I convert every background image to an <img>?
No. Convert graphics that carry information or must appear on paper; keep purely decorative backgrounds when omission is acceptable. An <img> still needs a valid source, supported format, loading completion, and print-visible styles.
Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Clear out junk files and repair common Windows errorsFree Scan →Does saving as PDF prove a physical printer will match?
It confirms what that browser’s print renderer produced, but printer drivers and paper settings can differ. Reopen the PDF, then perform a physical test when exact output matters.
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.
