Broken Image Finder
Free to download on every platform. Comes pre-installed on BotFone, BotPad and BotFlip — with extra free apps included.
About this app
WHAT IT DOES
The Broken Image Finder scans any webpage for all image elements—img tags, picture sources, srcset attributes, and even CSS background images—then checks each image URL to verify whether the image loads successfully. It uses HEAD requests to detect 404 errors, broken links, timeouts, and invalid responses. The tool generates a detailed report showing total images scanned, broken images found, and working images, with a list of broken image URLs and their HTTP status codes. Broken images are highlighted on the page with a red visual overlay and tooltip showing the URL and status. This helps developers, QA testers, and content managers quickly identify and fix broken images.
WHERE IT RUNS
It runs as a draggable overlay panel inside the BotGentz extension on any website—e-commerce product pages, blogs, landing pages, dashboards, or any page with images. It works on any framework (React, Vue, Angular, vanilla HTML).
HOW TO USE
1. Install the free BotGentz extension.
2. Navigate to any page with images.
3. Click the BotGentz icon and select "Broken Image Finder" from the tools menu.
4. Click "Scan Images" to start the scan.
5. Review the report showing total images, broken count, and working count.
6. Expand the report to see the list of broken image URLs and status codes.
7. Use the "Copy Report" button to copy the full audit to your clipboard.
8. Enable or disable highlighting of broken images in settings.
9. Toggle inclusion of CSS background images in the scan.
10. Click "Clear Highlights" to remove visual markers.
11. Drag the panel to reposition it, resize it, collapse it, or press Escape to close.
THE ACTUAL MECHANISM — parallel image validation using HEAD requests with rate limiting
This tool scans the DOM for image elements using multiple strategies: it queries all img tags for src and srcset attributes, all picture source elements for srcset, and all elements with CSS background-image (if enabled). It resolves each URL to an absolute URL using the page's base URL, then checks each URL using GM_xmlhttpRequest with the HEAD method (which is faster and more efficient than GET for validation). Requests are processed in parallel batches of 10 to avoid overwhelming the network, with a 5-second timeout per request. The response status code is checked—status codes in the 200–399 range are considered working; 404, 4xx, 5xx, timeouts, and network errors are flagged as broken. The tool deduplicates identical URLs and provides a detailed report with status codes for each broken image.
THE PANEL
The panel is fully draggable by its title bar and snaps to the nearest edge of the viewport when released. You can resize it horizontally by dragging the left or right border; the height expands to fit content up to a maximum, with scrolling inside the report area. A collapse button minimizes the panel to a small floating chip showing "⚙️ Broken Images" — click it to expand back. Press Escape at any time to close the panel entirely. The panel remembers its last position, size, and expansion state per domain via localStorage.
PLEASE NOTE
- This tool requires the free BotGentz extension (available for Chromium‑based browsers and Firefox).
- The tool uses HEAD requests to check image URLs—some servers may not support HEAD or may return different status codes than GET. In rare cases, a working image may appear as broken.
- Background image scanning is optional and may increase scan time on pages with many elements.
- CORS policies may block some image checks—in such cases, the tool may report the image as broken even if it loads in a browser.
- No page content is ever sent to any server—all scanning happens locally in your browser. Only anonymized usage metrics (panel open/close, scan runs) are collected; you can disable this in the extension settings at any time.
Similar Apps
