做设计免不了找图,有时候看到一组风格统一的图片就想全收下来,一张张右键另存太费劲。这时候有个好用的批量下载图片的插件,效率直接翻倍。
浏览器插件最省事
像 Chrome 和 Edge 这类现代浏览器,装个扩展就能搞定。Fatkun 图片批量下载就是很多人用的那款。点开一个网页,比如某设计博客发了一组 UI 界面截图,加载完后点插件图标,自动识别页面上所有图片,勾选需要的尺寸和类型,一键打包成 ZIP 下载。
它还支持按分辨率过滤,比如只下大于 800px 的图,避免把小图标也混进去。平时收集素材图库时特别实用,不用再手动翻页一张张点。
遇到懒加载也不怕
有些网站图片是滚动才加载的,比如 Pinterest 或某些作品集站。Fatkun 自带“滚动到底”功能,能触发懒加载,把后面藏的图也抓出来。之前帮朋友整理一整套插画参考,三百多张图一次拉完,省了快一个小时。
进阶玩家用 ImageAssistant
这款功能更细,右键菜单就能唤出“提取本页图片”,还能按颜色、比例、文件类型分类。比如要做海报想找高清横图,直接筛宽高比 16:9 以上的,结果精准很多。
它还有个“连续采集”模式,适合跨页收集。比如某个摄影师分五页展示作品,开启采集后逐页打开,最后统一导出,像爬虫一样自动跑完。
别忘了规则和边界
插件虽方便,但不是所有图都能随便下。有些站点用了反爬机制,频繁请求会被封 IP。遇到这种情况,稍微调大下载间隔,或者干脆手动翻页操作更稳妥。
另外版权问题也得留意。很多设计师喜欢扒 Dribbble 或 Behance 的图当参考,但有些作品明确禁止转载。批量下载后仅限个人学习还好,要是拿去商用就容易踩雷。
自己写个脚本也行
如果你经常处理固定网站的图源,写个简单的 JavaScript 脚本更高效。比如在控制台运行:
const images = Array.from(document.querySelectorAll('img')).map(img => img.src);\nconst blob = new Blob([images.join('\n')], { type: 'text/plain' });\nconst url = URL.createObjectURL(blob);\nconst a = document.createElement('a');\na.href = url;\na.download = 'images.txt';\na.click();
这段代码会把当前页面所有图片链接导出成文本,之后用下载工具批量拉取。虽然多一步,但对特定项目来说反而更快。
说到底,批量下载图片的插件不是为了偷懒,而是把时间留给真正重要的事——比如改稿时少点烦躁,多点灵感。