A broken image is a symptom, not a diagnosis. Find the exact image URL the browser requested, check whether that resource exists and returns usable image data, then repair the markup, deployed file, or URL handling responsible. Finally, verify the fix in the browser and—if search visibility matters—in Google Search Console. The same image can work for one viewport or visitor and fail for another when responsive sources, lazy loading, or a shared image host are involved.
1. Reproduce the failure before changing anything
Start with the page where the image appears broken. Reload it, note which images fail, and check whether the failure is consistent. Does it affect one image or many? One page or several? Does it happen at a narrow viewport but not a wide one? Does the image fail on every reload, or only sometimes?
These distinctions help narrow the cause. One missing image may have a stale path; several images from the same host may point to a delivery or access problem. A failure limited to a particular viewport may involve a responsive image candidate. Record the affected page and the visible image so you can compare them with the browser’s actual request.
2. Find the exact URL the browser requests
Use your browser’s developer tools rather than guessing from the page’s source code or appearance. Inspect the failed image element and its network request. The URL in the request is the resource the browser tried to fetch; it may differ from the URL you expected because of responsive markup, a <picture> source, or JavaScript-driven lazy loading.
#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 affected page and open the browser’s developer tools. Select the Network panel and reload the page so requests are recorded.
- Filter the request list to images if your browser offers that filter. Select the failed request and note its full URL and status or error information.
- Inspect the corresponding element in the Elements or Inspector panel. Check
src,srcset, any enclosing<picture>and<source>elements, and any lazy-loading attributes or script-managed values. - Compare the actual requested URL with the intended deployed image path. Check capitalization, directory names, file extension, and whether the page is requesting an old URL.
Do not assume the first URL you see in src is the one displayed. A browser can choose a candidate from srcset or a matching <picture> source. For lazy-loaded images, inspect the rendered element after the page loads: Google’s guidance specifically recommends checking rendered HTML for image URLs when troubleshooting lazy-loaded content.
3. Check whether the image resource is valid
Open the exact requested image URL directly, or inspect its network response. Confirm that the file exists at that deployed path and that the response contains usable image data in a format appropriate for your target browsers. A URL that returns a missing-file response, an HTML error page, or invalid or unsupported image data will not display as intended.
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
- Path or filename mismatch: Compare the requested path with the deployed file, including capitalization and directory structure. A file moved during a deployment may leave page markup pointing to its former location.
- Wrong response or missing file: Check the server or image host’s response for the exact URL rather than relying on the filename alone. The URL can look like an image while returning an error page or other content.
- Extension and file type disagree: Make the filename extension match the actual image format. Google’s image guidance lists BMP, GIF, JPEG, PNG, WebP, SVG, and AVIF as formats supported for Google Search; that is a Search-specific list, not a guarantee that every browser or system supports every format.
- Shared host or CDN problem: Check whether the browser can fetch the resource from the host serving it. A blocked resource, server error, or slow or large resource can impair rendering. If the same image is reused, Google recommends referring to it consistently with the same URL.
If the browser’s network panel shows a successful request but no visible image, inspect the response and markup rather than treating a success status as proof that the returned content is a valid image. Conversely, a genuinely removed image does not necessarily need to be restored; decide whether the content should still exist before changing the URL behavior.
4. Choose the fix based on what happened to the resource
| What you find | What to do |
|---|---|
| The image should exist, but the page points to the wrong path | Correct the image URL in the markup or content system, and ensure the asset is deployed at the expected path. |
| The image moved and has a genuine replacement | Update the page to use the replacement. If the old public URL should continue to work, configure an appropriate redirect to the equivalent resource. |
| The image was intentionally removed and has no equivalent | Do not invent replacement content or send the old URL indiscriminately to the homepage. Allow the removed resource to return a genuine 404 or 410 response. |
| The requested candidate changes with viewport or markup | Correct the relevant srcset or <picture> source, and keep a usable img src fallback. |
| The image is exposed only after a script or interaction | Make its URL discoverable in rendered HTML without relying solely on a user action that a crawler may not perform. |
| Many images fail from a shared source | Check resource access, host responses, and rendering conditions for that shared URL or image service. |
Google Search Console’s guidance distinguishes URLs that should still exist from content that has moved or been permanently removed. Redirect content that moved to its true replacement; use 404 or 410 when removed content has no equivalent. Not every reported 404 needs to be fixed: many are for URLs that should not exist and can be ignored. Do not treat a large 404 count by itself as proof of a ranking problem.
Free tools Windows power users keep installed
One-click scans. No signup required.
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.
5. Check responsive images and lazy loading
Responsive candidates
When a page uses srcset or <picture>, inspect the candidate the browser actually selected at the viewport where the problem occurs. Verify that the selected file exists and that the markup includes a usable img src fallback. Test both the affected width and a wider or narrower width: a correct desktop candidate does not establish that every alternate candidate is correct.
<picture>
<source srcset="/images/banner.avif" type="image/avif">
<img src="/images/banner.jpg" alt="A description of the banner's information">
</picture>This example shows a fallback structure, not a requirement to use a particular format. Confirm that each URL you publish points to a real, valid asset and that your target browsers can display the formats you serve.
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
Lazy-loaded images
Lazy loading can postpone image fetching, but the image URL still needs to be visible in rendered page content in a way search crawlers can discover. Inspect the rendered page, not only the original source. If a script holds the URL in a custom attribute and assigns it only after scrolling or another interaction, a crawler that does not perform that interaction may not see the image URL. Google recommends using URL Inspection to examine rendered content while diagnosing lazy-loaded content.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.6. Verify the fix for users, assistive technology, and search
- Reload the page and inspect the image request again. Confirm that the browser requested the intended URL and received a response that displays as the expected image.
- Test the relevant viewport widths and responsive candidates. If the image is shared across pages, check representative pages that use it.
- Inspect the rendered page again if lazy loading or script-driven markup is involved. Confirm the image URL is present without requiring a user interaction.
- Review the image’s alternative text separately from its URL. Informative images should have alt text that conveys their relevant information or purpose. For purely decorative images, an empty
alt=""is appropriate. - If Google Search visibility matters, use Search Console’s URL Inspection to test the live page and inspect Google’s rendered view or fetch details. Request indexing after a meaningful fix when appropriate, but do not expect an immediate recrawl.
Alt text helps people who cannot see the image and provides a text alternative when an image is unavailable. It does not repair a broken source URL. Treat display, accessibility, and crawler visibility as separate checks.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Repair Windows errors before they cause bigger problemsFix Now →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.
7. Or skip the browser setup
If you need a screenshot of a page while checking a visual fix, ScreenshotNeo can return an image or PDF through one GET request. Its capture can accept cookie or consent banners and remove more than 60 known consent platforms, newsletter popups, and chat widgets before the shot; each step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and responses identify the page verdict and billing status. It also offers an MCP server for AI agents, with take_screenshot, get_page_info, and capture_pdf. The Free plan includes 1,000 shots a month with no card; paid plans start at $5 for 3,000 shots. See ScreenshotNeo and its API documentation.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com/page-to-check -o shot.webpReplace YOUR_API_KEY with your API key and the example URL with the page you want to capture. The response is saved as shot.webp. Sign up for 1,000 free screenshots a month with no card.
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.
