网页图片批量下载:先筛尺寸格式域名,再谈下载速度
要一次性保存一页上的几十张图(设计参考、商品图、活动照片),右键"另存为"点到手酸。批量下载工具确实能一键解决,但用之前得先搞清楚两件事:工具抓到的往往不是你看到的那张图,以及这些图能不能用。
这篇讲三种下载方式、筛选的三个维度,以及下载之后的整理。合规那部分请认真看——它决定了你是在"收集素材"还是在"制造风险"。
先分清你会遇到的三类链接
同一页面上,"图片"可能有四种来源,抓取工具能不能拿到,差别很大:
| 来源 | 表现 | 抓取情况 |
|---|---|---|
普通 <img> | 最常见 | 能抓到 |
srcset 多分辨率 | 大屏显示的高清版 | 能抓,但要确认取的是最大那个 |
| CSS 背景图 | Banner、卡片背景 | 部分工具支持 |
懒加载(data-src 等) | 滚动才出现 | 需要先滚动到底,让图真正加载 |
这就解释了两个常见困惑:
- "抓到的图比看到的少":懒加载没触发,工具只拿到已加载的部分;
- "抓到的图很糊":抓到的是缩略图(
src),而不是srcset里的大图。
对应的解法:先把页面慢慢滚到底(或开着"自动滚动"功能),再开始抓;抓完在列表里看一眼尺寸,太小的通常就是缩略图。
三种方式,按数量选
| 方式 | 适合 | 优点 | 缺点 |
|---|---|---|---|
| 右键另存 | 1~5 张 | 零工具、拿到的是原图地址 | 多了就疯 |
| 浏览器扩展 | 10~几百张 | 能筛尺寸/格式/域名,可打包 ZIP | 要装扩展,权限需留意 |
| 开发者工具(Network) | 临时、不想装东西 | 能看到真实的请求地址和尺寸 | 手动筛选,不适合大批量 |
第三种值得知道:按 F12 打开开发者工具 → Network → 选 Img 过滤 → 刷新页面,所有图片请求会列出来,右键可以"Open in new tab"再保存。它不适合批量,但能帮你确认"这张图到底从哪个地址来的"——排查"抓到缩略图"时特别有用。
筛选三件套:尺寸、格式、域名
抓到的图片列表通常混着 logo、图标、头像、广告位、1×1 像素的统计图。不筛选就下载,等于给自己制造一堆垃圾文件。
- 最小尺寸:把最小宽度设成 400~600px,能一次干掉绝大多数图标和装饰图;
- 格式:只要照片就选 JPG/WebP;要透明素材再勾 PNG;SVG 单独看(它可能是图标,也可能是矢量素材);
- 域名:只保留主站域名,能排除 CDN 上的头像、第三方统计图和广告素材。
三个条件叠加,通常能把 200 张砍到 30 张以内。这一步比"下载快不快"重要得多——下载 200 张再手工删 170 张,是纯浪费。
保存的是原图吗?
多数扩展保存的是"页面上引用的那个地址",不会重新压缩,所以画质和网页上一致。但要注意三种情况:
- 网站用了图片 CDN:页面引用的是
?w=800这类缩放地址,你拿到的就是 800px 版本,原图可能更大; - 格式是 WebP/AVIF:保存下来还是 WebP,想转 JPG 需要另外处理(WebP 转 JPG);
- 某些站点有防盗链:直接访问地址会 403,只能拿到页面渲染后的图。
第一条是设计素材收集时最常踩的:以为拿到了高清图,其实只有 800px,放大一用就糊。判断方法很简单——看文件的实际像素尺寸,别信网页上"看起来很大"。
合规:这一步不能省
批量下载工具本身是中性技术,但用起来有三条线:
| 情形 | 能不能下 | 说明 |
|---|---|---|
| 自己网站的图 / 自己拍的 | 随便 | 无限制 |
| 明确标注可商用 / CC0 素材站 | 可以,注意署名要求 | 保存授权页截图留底 |
| 别人网站的图,自己参考用 | 灰色,别公开传播 | 看设计参考一般可接受,但别二次发布 |
| 别人网站的图,用于商业/公开发布 | 不行,除非有授权 | 包括电商主图、公众号配图 |
| 需要登录/付费才能看的图 | 不该绕过 | 工具也不该提供"绕过登录墙"的功能 |
连扩展自己的说明里都写着这句话:"图片可能受版权保护,你应始终假定它们是。" 这不是免责声明套话,是实话。授权怎么判断、哪些能用,见图片版权与商用授权。
另外两条基本礼貌:
- 控制频率:不要对同一站点发起高频批量请求,那是给对方服务器添压,也容易被封 IP;
- 看 robots.txt:明确禁止抓取的目录,别去碰。
下载之后:三步整理
- 去重:同一张图常有多个尺寸版本(缩略图、中图、大图),按尺寸排序留最大的;
- 重命名:抓下来的文件名多是哈希串(
a1b2c3.jpg),改成项目_序号才好找。方法见图片批量重命名; - 压体积:网页图常是未优化的大图,一批 50 张可能有 200MB,归档前压一遍,见压缩到 200KB。
第 1 步有个小技巧:按文件大小降序排,最大的通常就是最高清的那张;同一张图的多个版本,像素尺寸会明显不同。
几个常见问题
为什么扩展抓到很多 1×1 或很小的图?
那是统计代码的追踪像素、占位图、分隔线。用"最小尺寸 400px"直接过滤掉,不用手工删。有些工具默认最小 33px,这个门槛太低,图标全在里面。
下载的图打不开 / 显示损坏?
三种可能:地址需要登录态(直接访问被拒)、防盗链(返回的是错误页而不是图)、或者保存时扩展名和实际格式不一致(比如实际是 WebP 却存成 .jpg)。用看图软件打开看属性就能确认格式,改对扩展名即可。
能下载视频封面、GIF 吗?
多数工具能抓到视频的封面图和 GIF 文件本身。GIF 拿到后如果要转成视频或改尺寸,见GIF 怎么做。
手机上能批量下载吗?
不行,移动浏览器不支持这类扩展。要么在电脑上做,要么用支持"长按多选保存"的 App(能力有限)。需要长期整理素材,还是电脑上效率高。
工具要"读取所有网站数据"的权限,安全吗?
这是浏览器扩展的通用权限模型,技术上它确实能读你打开的页面。判断标准看两点:是否声明只在你点击时运行(on-click 权限)、是否声明图片在本地处理不上传。符合这两条的风险低很多;不愿意给的,就用开发者工具那条路。
小结
批量下载的正确顺序是:先滚到底让图加载 → 按尺寸/格式/域名筛 → 确认拿到的是原图尺寸 → 下载后去重、重命名、压体积。合规上记住一句话:能下不等于能用,商用和公开发布必须有授权。工具只是省了右键的时间,判断的责任还在你这边。