← 返回功能
Free

提取图片

Extract Images 扫描任意网页,将所有图片以可浏览的图库形式呈现。查看每张图片的缩略图、原始尺寸、文件大小和 URL 来源,然后选择单张图片或一次性全部下载。支持检测来自 img 标签、CSS background-image 属性、picture/source 元素以及内联 data URI 的图片。

逐一保存网页图片——右键、"图片另存为"、选择文件夹、反复重复——在页面有几十张图片时极为耗时。而且这种方式仅适用于普通 img 标签,CSS 背景图、响应式 picture 元素和 data URI 图片根本无法用这种方式保存。Extract Images 通过扫描整个页面 DOM 和计算样式,找出所有图片(无论以何种方式实现),并将它们整齐地呈现在图库面板中,从而解决了这一问题。每张图片均显示缩略图预览、原始尺寸(宽 × 高)、文件格式、大致文件大小和 URL 来源。您可以选择单张图片下载,也可以使用"全部下载"一次获取所有图片。尺寸筛选器可帮助您过滤掉微小的追踪像素和 favicon,让您只看到与内容相关的图片。

实时预览
example.com/portfolio
12 images found | Min size: 100 × 100 Download All
hero-banner.jpg
1920 × 1080 · 245 KB
product-shot.png
800 × 600 · 128 KB
team-photo.jpg
640 × 480 · 89 KB
logo-dark.svg
200 × 60 · 4 KB
feature-1.png
400 × 300 · 67 KB
bg-pattern.png
1200 × 800 · 156 KB
icon-set.svg
48 × 48 · 2 KB
avatar-default.jpg
150 × 150 · 12 KB
2 selected · Total: 373 KB Download Selected
关键功能

完整图片图库

页面上的所有图片以网格图库形式显示,附带缩略图预览。一眼浏览 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 元素的图片一并处理。

如何使用
1

激活 Extract Images

打开 DevSuite Pro 悬浮 dock,点击 Extract Images 图标。工具随即扫描页面 DOM 和计算样式,查找所有图片。

2

浏览图片图库

图库面板以缩略图网格形式显示所有找到的图片。每张图片显示文件名、尺寸和文件大小。滚动浏览页面上的所有图片。

3

按尺寸筛选(可选)

使用最小尺寸筛选器隐藏图标和追踪像素等小图片。设置为 100×100 可仅显示与内容相关的图片。

4

选择图片

点击单张图片进行选择——出现紫色勾选标记。状态栏随即更新,显示所选图片的数量和总大小。

5

下载

点击"下载所选"保存您选中的图片,或点击"全部下载"获取页面上的所有图片。文件保存至您设备的下载文件夹。

准备好尝试了吗? 提取图片?

免费安装 DevSuite Pro,为您的浏览器解锁 39 多个开发者工具。

添加到 Chrome 添加到 Edge 添加到 FireFox