# 做了一个能扒出网页所有图片的 Chrome 插件,包括那些别人漏掉的
> 独立开发了一个 Chrome 图片批量下载插件 Image Harvest,上周正式上架 Chrome Web Store。核心卖点一句话:**CSS 背景图、iframe、Shadow DOM 里的图片它都能扒出来,100% 本地处理,零追踪。**
## 为什么又做一个图片下载器?
市面上不缺图片下载插件,但我在实际使用中发现三个痛点:
1. **漏图严重**:大多数工具只扒 `<img>` 标签,CSS `background-image`、`<picture>` 元素、懒加载图、Shadow DOM、iframe 里的图片直接无视——而现代网页里这些场景比你想象的多得多。
2. **隐私问题**:不少插件会注入追踪脚本,或者把你的浏览数据上传到他们的服务器。
3. **体验粗糙**:界面停留在 Manifest V2 时代,没有筛选、没有批量操作、没有暗色模式。
Image Harvest 就是为了解决这三件事。
## 核心功能
### 🔍 深度图片提取——一张不漏
这是 Image Harvest 和其他工具最大的区别。提取覆盖范围:
- **`<img>` 标签**:支持 `srcset`,自动选最高分辨率候选
- **CSS `background-image`**:内联样式 + 外部样式表,通过 `getComputedStyle` 获取
- **`<picture>` / `<source>` 元素**
- **同源 iframe 内容提取**
- **Shadow DOM 递归遍历**
- **MutationObserver 实时监控**(Pro):页面动态加载的图片也能捕获
- **URL 去重**:保留首次出现,优先保留尺寸更大的版本
单次扫描上限 1000 张图片。
### 📦 筛选 + 批量 ZIP 下载
扫描完之后不是一股脑全给你——你可以先筛选再下载:
- **尺寸筛选**:小 (<100px) / 中 / 大 / 超大 / 自定义范围
- **格式筛选**:JPG / PNG / WebP / SVG / GIF / BMP / ICO / AVIF 等 9 种,多选
- **布局筛选**:正方形 / 横向 / 纵向 / 全景
- **关键词搜索**:按 URL 搜索,带防抖
- **排序**:按尺寸、格式、原始顺序
- **分组**(Pro 5 种模式):按域名 / 格式 / 尺寸段 / 标签页 / 无分组
选好之后一键 ZIP 打包下载。免费版一次最多 20 张,Pro 版上限 1000 张。并发控制(3 路并行 + 10 秒超时),ZIP 最大 500MB。
### 🎨 色板提取 + 相似图检测
每张图自动提取 **Top 5 主色调**(Median Cut 算法,100×100 降采样 Canvas)。
Pro 用户还有 **pHash 相似图检测**(32×32 灰度 → DCT → 64 位哈希,汉明距离 ≤ 5 判定相似),一键去重。
### 🔎 反向搜图
在图片卡片上右键,直达搜索引擎:
- **免费**:Google Images + TinEye
- **Pro**:+ Baidu + Yandex
### 🎯 网页高亮定位
点击侧边栏里的图片,网页上对应的图片会被高亮框标记,自动滚动到可视区域。Pro 支持批量高亮。
### ⭐ 图片收藏夹(Pro)
把图片保存到本地收藏夹(IndexedDB 存储),支持打标签、搜索、筛选、批量导出 ZIP。跨页面、跨会话持久化。
### 📑 多标签页同时提取(Pro)
一次扫描当前窗口的所有标签页,结果按标签页分组展示。批量采集场景的效率神器。
### 🖥️ 双模式 + 主题
- **侧边栏模式**(默认):常驻侧边,边浏览边操作
- **弹窗模式**(620×600px):轻量级操作
- 支持设置中切换,跨会话记忆
- 3 种主题:深色 / 浅色 / 跟随系统
- 3 种密度:紧凑 80px / 标准 120px / 舒适 180px
### 🛡️ 隐私优先
- 100% 本地处理,不上传任何数据
- 无 analytics、无 telemetry、无远程代码
- 最小权限集:`activeTab`、`storage`、`downloads`、`scripting`、`tabs`、`sidePanel`、`webNavigation`、`alarms`
- 源码 GitHub 完全开源(MIT 协议)
### 💎 定价
| 方案 | 价格 | 说明 |
| ---- | ---- | ---- |
| 免费版 | $0 | 核心提取 + 基础筛选 + 单次 20 张 ZIP 下载 + Google/TinEye 反搜 |
| 月付 Pro | $2.99/月 | 全部高级功能 |
| 年付 Pro | $19.99/年 | 省 44% |
| 终身 Pro | $39.99 | 一次买断,永久更新 |
## 技术栈(给开发者)
- Chrome Extension Manifest V3
- 原生 HTML/CSS/JS(零运行时依赖,刻意不引入框架)
- JSZip 打包、Canvas API 做 pHash/色板/格式转换、IndexedDB 存储收藏夹
- 官网 Next.js(独立子项目)
模块拆分:background(8 模块)/ content(5 模块)/ sidepanel(11 模块)/ shared(9 模块,.js + .mjs 双构建)
## 链接
🛒 Chrome 商店安装:
chromewebstore.google.com🌐 官网:
image-harvest.kyriewen.cn🎬 演示视频:
www.youtube.com💻 GitHub:
github.com独立开发者一个人在做,有任何 bug 或功能建议,欢迎在评论区留言或去 GitHub 提 issue。每条反馈我都会看 🙏