Extract Images 扫描任意网页,将所有图片以可浏览的图库形式呈现。查看每张图片的缩略图、原始尺寸、文件大小和 URL 来源,然后选择单张图片或一次性全部下载。支持检测来自 img 标签、CSS background-image 属性、picture/source 元素以及内联 data URI 的图片。
逐一保存网页图片——右键、"图片另存为"、选择文件夹、反复重复——在页面有几十张图片时极为耗时。而且这种方式仅适用于普通 img 标签,CSS 背景图、响应式 picture 元素和 data URI 图片根本无法用这种方式保存。Extract Images 通过扫描整个页面 DOM 和计算样式,找出所有图片(无论以何种方式实现),并将它们整齐地呈现在图库面板中,从而解决了这一问题。每张图片均显示缩略图预览、原始尺寸(宽 × 高)、文件格式、大致文件大小和 URL 来源。您可以选择单张图片下载,也可以使用"全部下载"一次获取所有图片。尺寸筛选器可帮助您过滤掉微小的追踪像素和 favicon,让您只看到与内容相关的图片。
页面上的所有图片以网格图库形式显示,附带缩略图预览。一眼浏览 8 张、20 张甚至 100 多张图片,快速找到您需要的内容。每个缩略图尺寸足够大,便于识别图片内容。
每张图片均显示其原始尺寸(如 1920×1080)、文件格式(PNG、JPG、WebP、SVG)、大致文件大小(如 245 KB)以及来源 URL 或 CSS 属性。无需再猜测图片质量或大小。
设置最小尺寸阈值(如 100×100),过滤掉追踪像素、占位 GIF 和 favicon 等微小图片,专注于真正有价值的内容图片。
点击单张图片进行选择(显示紫色勾选标记),然后仅下载所选图片;或点击"全部下载",一次操作将页面上所有图片保存至您的设备。
检测所有来源的图片:标准 img 标签、CSS background-image 属性、picture/source 响应式元素、以图片形式渲染的内联 SVG,以及 data URI 编码图片,确保无一遗漏。
状态栏显示已选择的图片数量及所选图片的总文件大小,让您在点击下载按钮之前就清楚知道即将下载的数据量。
需要目录页上的所有产品图片?Extract Images 一次性找到并下载所有图片——包括响应式变体和无法右键保存的 CSS 背景主图。
正在制作情绪板或从设计灵感网站收集视觉参考?浏览图片图库,选择您需要的图片,批量下载,无需逐一保存。
审查页面上的所有图片,检查是否存在文件过大、缺少 WebP 替代格式或未使用的背景图片等问题。尺寸和文件大小信息有助于识别需要优化的图片。
需要将页面保存为离线参考?提取所有图片,确保您拥有完整的视觉内容以及对应的 HTML。适用于归档文档、设计参考或可能发生变更或下线的页面。
许多现代网站将 CSS background-image 用于主视觉区、卡片背景和装饰元素。这些图片无法通过右键保存。Extract Images 可检测并下载它们,与普通 img 元素的图片一并处理。
打开 DevSuite Pro 悬浮 dock,点击 Extract Images 图标。工具随即扫描页面 DOM 和计算样式,查找所有图片。
图库面板以缩略图网格形式显示所有找到的图片。每张图片显示文件名、尺寸和文件大小。滚动浏览页面上的所有图片。
使用最小尺寸筛选器隐藏图标和追踪像素等小图片。设置为 100×100 可仅显示与内容相关的图片。
点击单张图片进行选择——出现紫色勾选标记。状态栏随即更新,显示所选图片的数量和总大小。
点击"下载所选"保存您选中的图片,或点击"全部下载"获取页面上的所有图片。文件保存至您设备的下载文件夹。