逐一保存网页图片——右键点击、选择“图片另存为”、选择文件夹、重复操作——当页面有几十张图片时,这个过程会非常缓慢。而且这种方式只适用于常规的 img 标签。CSS 背景图片、响应式 picture 元素以及 data URI 图片根本无法用这种方式保存。Extract Images 通过扫描整个页面 DOM 和计算样式,找出所有图片(无论其实现方式如何),解决了这个问题。
每张图片都会显示缩略图预览、原始尺寸(宽 × 高)、文件格式、大致文件大小以及来源 URL。您可以选择单张图片下载,也可以使用“全部下载”一次性获取所有图片。尺寸过滤器可以让您跳过微小的跟踪像素和网站图标,只查看与内容相关的图片。
即使懒加载图片尚未加载完成,也能被检测到——该工具除了读取已解析的 src 之外,还会读取常见的懒加载属性(data-src、data-srcset、loading="lazy"),因此长页面下方的图片无需您先滚动查看,就会出现在图库中。WebP 和 AVIF 等现代格式会被正确识别并标注,而不会被笼统归类为通用的“图片”类型,这在您需要在一堆经过优化的 WebP 资源中专门查找 PNG 或 SVG 时尤为重要。
Every image on the page is displayed in a grid gallery with thumbnail previews. See 8, 20, or 100+ images at a glance — scroll through to find exactly what you need. Each thumbnail is large enough to identify the image content.
Each image shows its original dimensions (e.g., 1920×1080), file format (PNG, JPG, WebP, SVG), approximate file size (e.g., 245 KB), and the source URL or CSS property it came from. No guessing about image quality or size.
Set a minimum dimension threshold (e.g., 100×100) to filter out tiny images like tracking pixels, spacer GIFs, and favicons. Focus on the content images that actually matter.
Click individual images to select them (shown with a purple checkmark), then download just the selected ones. Or click "Download All" to save every image on the page to your device in one action.
Finds images from all sources: standard img tags, CSS background-image properties, picture/source responsive elements, inline SVGs rendered as images, and data URI encoded images. Nothing is missed.
A status bar shows how many images are selected and the total file size of the selection. Know exactly how much you're about to download before hitting the download button.
Need all product images from a catalog page? Extract Images finds and downloads them all at once — including responsive variants and CSS background hero images that you can't right-click-save.
Building a mood board or collecting visual references from design inspiration sites? Browse the image gallery, select the ones you want, and download them in one batch instead of saving one by one.
Review all images on your page to check for oversized files, missing WebP alternatives, or unused background images. The dimensions and file sizes help identify images that need optimization.
Saving a page for offline reference? Extract all images so you have the complete visual content alongside the HTML. Useful for archiving documentation, design references, or pages that might change or go offline.
Many modern sites use CSS background-image for hero sections, card backgrounds, and decorative elements. These images can't be saved via right-click. Extract Images detects and downloads them alongside regular img elements.
Open the DevSuite Pro floating dock and click the Extract Images icon. The tool scans the page DOM and computed styles to find every image.
A gallery panel displays all found images as a thumbnail grid. Each image shows its filename, dimensions, and file size. Scroll through to browse all images on the page.
Use the minimum size filter to hide small images like icons and tracking pixels. Set to 100×100 to show only content-relevant images.
Click individual images to select them — a purple checkmark appears. The status bar updates with the count and total size of your selection.
Click "Download Selected" to save your chosen images, or "Download All" to grab every image on the page. Files are saved to your device's downloads folder.
