When images do not appear, first determine the scope: test several unrelated websites, then test the affected page in another browser or a private window. If images fail everywhere, investigate your connection, browser settings, VPN, firewall, antivirus or DNS. If only one site fails, inspect that site’s cache, extensions, JavaScript, image requests and server configuration.
A blank image box can be caused by a blocked request, a bad URL, an HTTP error, mixed content, a restrictive Content Security Policy, an unsupported or corrupt file, a failed lazy-load script, or a problem on the website itself. The steps below move from the quickest user fixes to evidence from browser developer tools and, finally, checks for site owners.
Start by narrowing the failure
Do not change many settings at once. The pattern of the failure usually identifies the fault faster than a full browser reset.
| What you observe | Most likely area | First check |
|---|---|---|
| Images are missing on every website and in every browser | Network, DNS, firewall, antivirus, device or browser-wide settings | Open several unrelated sites, restart the router, and test another network or device |
| Only one website fails in one browser | Site data, extension, theme, tracking protection or browser setting | Open the site in a private window and another browser |
| Only one website fails everywhere | Broken image paths, server responses, CDN, permissions or site policy | Open an image URL directly and inspect the response in DevTools |
| Images appear after scrolling | Lazy loading or an intersection/layout problem | Scroll the image into view and watch for a new request |
| An image opens in a new tab but not inside the page | Markup, CSS, JavaScript, CSP, CORS or mixed-content policy | Compare the page request with the direct image request |
Fixes for visitors
1. Test the scope and the browser
- Open three or more unrelated websites that normally contain images. If they also show blank boxes, continue with network and security checks rather than changing one website’s settings.
- Open the failing page in a private or incognito window. A successful private-window result points to stored site data, an extension, a theme or a browser profile setting.
- Try a second browser on the same device. If the second browser works, compare extensions, tracking protection and image permissions in the original browser.
- Try another device or a phone hotspot. A failure limited to one network suggests DNS, filtering, VPN, firewall or router interference.
2. Clear the affected site’s data
Old cookies, cached HTML, a stale service-worker response or corrupted cached assets can leave a page referring to files that no longer exist. Clear data for the affected domain rather than wiping every login first.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteWindows 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 reinstall#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
- Open the browser’s site-information control beside the address bar.
- Choose the option named Site settings, Cookies and site data or equivalent.
- Delete the site’s stored data, close its tabs, and reload with a hard refresh.
- Sign in again only if the page now loads correctly.
The exact labels differ by browser and version. A private-window test is useful before clearing data because it confirms whether the profile’s stored state is involved.
3. Disable blockers one at a time
Ad blockers, privacy extensions, script blockers, custom themes and enhanced tracking protection can block an image host, a consent script or the JavaScript that inserts image URLs. Temporarily disable one item, reload, and record the result. Re-enable it before testing the next item. If one extension is responsible, add an exception for the site or update the extension instead of leaving all protection disabled.
4. Verify JavaScript and image permissions
Many modern pages create or replace image elements with JavaScript. Confirm that JavaScript is enabled for the site and that the browser is not set to block images or active content. A page may render its text while silently skipping image insertion when a required script is blocked.
5. Check security software, VPN and network filters
Firewall and antivirus web shields can reject image CDNs, certificate chains or high-volume requests. Corporate, school and family filters may also block an image host while allowing the main page. Test briefly with the VPN disconnected and, where policy permits, with the web shield paused. If that fixes the problem, add a narrowly scoped allow rule or ask the network administrator; do not permanently disable protection.
When all sites fail, restart the router, check DNS settings and compare with a different network. Chrome’s support guidance lists device settings, firewall or antivirus, router and network issues, cookies, extensions, memory and website downtime as possible causes.
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
Use DevTools to find the exact failure
Developer tools turn a blank box into a request, status code and browser message. Open DevTools with your browser’s developer-tools shortcut, select Network, enable the option to preserve logs if available, reload the page, and filter by Img (or search for the image filename).
Read the HTTP response
| Result | What it means | Likely fix |
|---|---|---|
| 404 Not Found | The path or filename does not exist at that location | Correct the URL, filename case, deployment path or rewrite rule |
| 403 Forbidden | The server, CDN, hotlink rule or authorization policy rejected the request | Check permissions, signed URLs, referrer rules and access headers |
| 401 Unauthorized | The image requires credentials that the page did not send | Fix authentication or publish a deliberately public asset |
| 3xx redirect loop or unexpected redirect | The image is sent through an invalid or inaccessible redirect chain | Inspect every location and make the final URL reachable over HTTPS |
| 5xx response | The origin or an upstream service failed | Check application logs, CDN health and origin availability |
| 200 response but a broken image | The body may be HTML, truncated, corrupt or in an unsupported format | Inspect the response body and Content-Type, then verify the file |
Click a request to compare its Request URL, redirects, response headers and preview. If the response is a login page or an error document rather than image bytes, the server is returning the wrong content even if the status is 200.
Read Console and Issues messages
- Mixed content: an HTTPS page requested an HTTP image. Change the image URL to HTTPS and ensure the image host has a valid certificate.
- Content Security Policy: a policy such as
img-srcdoes not allow the image’s origin. Add the required origin deliberately, or serve the asset from an allowed host. - CORS: scripts or canvas operations involving an image can be blocked unless the server returns an appropriate
Access-Control-Allow-Originvalue. A normal displayed image and a script reading its pixels are different cases. - Certificate or network failure: the browser could not establish a trusted connection or reach the host. Resolve the certificate, DNS, proxy or routing problem.
- Unsupported format: the browser cannot decode the file or its metadata. Supply a supported fallback and verify that the bytes match the declared type.
Why an image works in a new tab but not on the page
Opening the URL directly proves only that one request can return something. The embedded request may differ in several ways:
- The page uses a different URL, relative path, filename case or
srcsetcandidate. - JavaScript is supposed to copy
data-srcintosrc, but the script was blocked or failed. - The page is HTTPS while the embedded URL is HTTP, so the browser blocks mixed content.
- A CSP allows the document but not the image host.
- A CDN or server checks the page’s referrer, cookies or authorization headers.
- CSS collapses the image to zero size or places another element over it.
Inspect the actual request generated by the page instead of copying a URL from the address bar. Compare its status, response headers and initiator with the direct-tab request.
Lazy loading and blank space below the fold
With loading="lazy", a browser defers an off-screen image until it approaches the viewport. Scroll slowly to the image and watch the Network panel. If no request appears, check that the element has usable width and height and that a script is not waiting forever to replace data-src.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
A lazy image with no usable layout dimensions may never intersect the viewport, so reserve space with dimensions or an aspect-ratio container. Also check for a parent with display:none, a collapsed height, an overflow clipping rule or a JavaScript error that prevents the observer from running.
Checks for website owners
Validate the URL and file
- Confirm the production path, filename case and extension. Linux-based hosts commonly treat
Logo.PNGandlogo.pngas different files. - Request the exact URL with a browser and an HTTP client. Verify that the body is the intended file, not an HTML error page.
- Check file integrity and decoding locally. A corrupt file or metadata that prevents dimension parsing can fail even when the path is correct.
- Ensure the deployment, CDN and origin all contain the current asset and that redirects terminate at the intended HTTPS URL.
Return correct headers and permissions
Set a matching Content-Type such as image/jpeg, image/png, image/webp or another format the target browsers support. Check file permissions, CDN access rules, hotlink protection, signed-URL expiry and authentication. If the page uses crossorigin or reads pixels in a canvas, configure CORS at the image origin.
Free tools Windows power users keep installed
One-click scans. No signup required.
Review markup, CSS and scripts
Give each image a valid non-empty src or srcset. Test every candidate URL selected for the target viewport. Make sure CSS does not set zero dimensions or hide the element, and that lazy-loading code assigns the real URL and handles errors. Add a supported fallback when an optimized format is unavailable in a target browser.
Performance context
Large image payloads can make a page appear empty while downloads are still pending. MDN reported median resource weight rising from about 100 KB to 400 KB on desktop and 50 KB to 350 KB on mobile during its 2019 comparison period. That figure describes resource weight, not a universal broken-image rate. Use responsive sizes, compression, modern formats with fallbacks, and lazy loading where it does not interfere with above-the-fold content.
Or skip the browser setup: ScreenshotNeo
If your goal is a reliable image of a page rather than diagnosing your own browser, ScreenshotNeo provides a website screenshot API and MCP server. It accepts consent banners before capture and removes more than 60 known consent platforms, newsletter popups and chat widgets; each step can be disabled. Only clean shots are billed: bot checks or CAPTCHAs, blank pages, timeouts, failed loads and cache hits cost nothing, and response headers identify the page verdict and billing status.
One GET request returns PNG, JPEG, WebP or PDF. The API also supports full-page capture with lazy images loaded, CSS-selector element capture, dark mode, device presets and custom viewports, retina scale, PDF paper and page options, custom CSS and JavaScript, clicks, selector or network-idle waits, request blocking, headers, cookies, user agents, authorization, timezone, geolocation, transparent backgrounds, resizing, configurable-TTL caching, signed links, asynchronous webhooks, bulk capture of up to 100 URLs per call, usage reporting and an OpenAPI specification. Its parameter names are compatible with those used by other screenshot APIs.
Recommended Free Tools
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
See the ScreenshotNeo documentation for authentication and all options.
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)
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}`);The Free plan includes 1,000 screenshots per month with no card. Starter is $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. An MCP server lets Claude, Cursor and other MCP clients use take_screenshot, get_page_info and capture_pdf. Create a free ScreenshotNeo account to start with 1,000 screenshots a month and no card.
Common errors and recovery
“Failed to load resource: the server responded with 404”
Copy the exact Request URL, correct the path or case, redeploy the file and purge a stale CDN entry if necessary.
“Mixed Content”
Replace HTTP asset URLs with HTTPS and install a valid certificate on every image host. Avoid weakening browser security.
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 →“Refused to load the image because it violates img-src”
Update the site’s CSP to allow the intentional image origin. Check that the policy delivered by the CDN is the one you edited.
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
“CORS request did not succeed”
Decide whether JavaScript truly needs pixel access. If it does, return the correct Access-Control-Allow-Origin header from the image server and configure credentials consistently.
The request never appears
Look for blocked JavaScript, a missing src, a hidden or zero-sized lazy element, a service worker serving stale markup, or an extension cancelling the request.
The direct URL shows text or gibberish
Mozilla Support notes that text or gibberish in the image area most often indicates a misconfigured web server. Check the response body, MIME type, compression and file integrity.
The Tool Desk
Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Frequently Asked Questions
Can a browser cache alone make images disappear?
Yes. A stale or corrupted site cache can preserve an old path or failed response; test a private window and clear data for that domain before resetting the whole browser.
Does disabling JavaScript always restore images?
No. It can help identify a script failure, but many sites require JavaScript to insert lazy-loaded image URLs, so disabling it may remove more images.
Is a 200 status proof that the image is valid?
No. The response can contain HTML, corrupt bytes or the wrong Content-Type. Inspect the response body and preview.
Why do only mobile or retina images fail?
Responsive markup may select a bad srcset candidate, an unavailable CDN variant or a path with incorrect filename case. Test each selected URL in Network tools.
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.
