即刻App年轻人的同好社区
下载
App内打开
叫我欧文就好
0关注7被关注0夸夸
独立开发者 / 前端工程师|做了一个能扒出网页所有图片的 Chrome 插件。官网:image-harvest.kyriewen.cn
叫我欧文就好
1天前
Image Harvest v1.0.2 更新 🌍

✅ 支持中/英/日/繁中/西班牙语 5 种语言
✅ 新用户 7 天免费体验全部 Pro 功能,不绑卡
✅ 批量复制图片链接,选中即复制

还没用过?这是一个能扒出网页所有图片(包括 CSS 背景、iframe、Shadow DOM)的 Chrome 插件,零追踪。

🛒 Chrome 商店安装:chromewebstore.google.com

🌐 官网:image-harvest.kyriewen.cn

🎬 演示视频:www.youtube.com

💻 GitHub:github.com
00
叫我欧文就好
1天前
做了一个 Chrome 图片采集扩展,终于上线了!

核心功能:

一键采集网页所有图片(支持懒加载、Shadow DOM)
批量 ZIP 下载,告别手动保存
pHash 去重,自动过滤重复图片
多标签页同时采集
5语言 UI(中英日韩西)
Side Panel + Popup 双模式
适用场景: 设计师采集灵感、运营竞品分析、开发者收集素材、内容创作者建立素材库。

官网:image-harvest.kyriewen.cn
Chrome 商店搜索"Image Harvest"

独立开发不易,求 star ⭐
GitHub: github.com/zbw-zbw/image-harvest

#独立开发的日常
00
叫我欧文就好
4天前
做了一个 Chrome 图片批量下载插件 Image Harvest 🌾

跟其他下载器最大的区别:CSS 背景图、iframe、Shadow DOM 里藏的图片它都能扒出来,一张不漏。

✅ 筛选 + 一键 ZIP 打包下载
✅ 反向搜图(Google/TinEye)
✅ 零追踪,100% 本地处理,MIT 开源

免费版够日常用,Pro 解锁相似图检测、多标签页提取等高级功能。

🛒 Chrome 商店安装:chromewebstore.google.com
🌐 官网:image-harvest.kyriewen.cn
🎬 演示视频:www.youtube.com
💻 GitHub:github.com
00
叫我欧文就好
4天前
做了一个 Chrome 图片批量下载插件 Image Harvest 🌾

跟其他下载器最大的区别:CSS 背景图、iframe、Shadow DOM 里藏的图片它都能扒出来,一张不漏。

✅ 筛选 + 一键 ZIP 打包下载
✅ 反向搜图(Google/TinEye)
✅ 零追踪,100% 本地处理,MIT 开源

免费版够日常用,Pro 解锁相似图检测、多标签页提取等高级功能。

🛒 Chrome 商店安装:chromewebstore.google.com

🌐 官网:image-harvest.kyriewen.cn

🎬 演示视频:www.youtube.com

💻 GitHub:github.com
00
叫我欧文就好
4天前
# 做了一个能扒出网页所有图片的 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。每条反馈我都会看 🙏
00
叫我欧文就好
12天前
熬了 3 个月、约 250 个小时,终于把我的第一个 Chrome 插件做出来了 🌱

它叫 Image Harvest,专门解决一个我一直很烦的问题——

每次想批量下载网页图片,要么右键被禁用,要么藏在 CSS 背景里抓不到,要么需要一张张点。
试过的所有"图片下载器"插件不是漏图就是夹带各种追踪。

所以我自己写了一个:
✓ 把网页里所有图片都扒出来(包括 CSS 背景、iframe、Shadow DOM 里的)
✓ 一键打包 ZIP 下载
✓ 可以多标签页同时扒
✓ 反向以图搜图(Google / TinEye / Baidu / Yandex)
✓ 相似图片自动识别去重
✓ 全本地处理,零追踪

免费版功能管够,重度用户可以解锁 Pro。

—— 试试看 ——
🛒 安装(Chrome Web Store):chromewebstore.google.com
🌐 官网(功能详情):image-harvest.kyriewen.cn

如果觉得还不错,**真心求一个 5 星好评**🙏 对一个独立开发者来说就是续命药水:
⭐ 留评:chromewebstore.google.com/reviews

有任何 bug 或建议,评论区直接砸过来。
00
叫我欧文就好
12天前
熬了 3 个月、约 250 个小时,终于把我的第一个 Chrome 插件做出来了 🌱

它叫 Image Harvest,专门解决一个我一直很烦的问题——

每次想批量下载网页图片,要么右键被禁用,要么藏在 CSS 背景里抓不到,要么需要一张张点。
试过的所有"图片下载器"插件不是漏图就是夹带各种追踪。

所以我自己写了一个:
✓ 把网页里所有图片都扒出来(包括 CSS 背景、iframe、Shadow DOM 里的)
✓ 一键打包 ZIP 下载
✓ 可以多标签页同时扒
✓ 反向以图搜图(Google / TinEye / Baidu / Yandex)
✓ 相似图片自动识别去重
✓ 全本地处理,零追踪

免费版功能管够,重度用户可以解锁 Pro。

—— 试试看 ——
🛒 安装(Chrome Web Store):chromewebstore.google.com
🌐 官网(功能详情):image-harvest.kyriewen.cn

如果觉得还不错,**真心求一个 5 星好评**🙏 对一个独立开发者来说就是续命药水:
⭐ 留评:chromewebstore.google.com/reviews

有任何 bug 或建议,评论区直接砸过来。
00
叫我欧文就好
13天前
熬了 3 个月、约 250 个小时,终于把我的第一个 Chrome 插件做出来了 🌱

它叫 Image Harvest,专门解决一个我一直很烦的问题——

每次想批量下载网页图片,要么右键被禁用,要么藏在 CSS 背景里抓不到,要么需要一张张点。
试过的所有"图片下载器"插件不是漏图就是夹带各种追踪。

所以我自己写了一个:
✓ 把网页里所有图片都扒出来(包括 CSS 背景、iframe、Shadow DOM 里的)
✓ 一键打包 ZIP 下载
✓ 可以多标签页同时扒
✓ 反向以图搜图(Google / TinEye / Baidu / Yandex)
✓ 相似图片自动识别去重
✓ 全本地处理,零追踪

免费版功能完全管够,重度用户可以解锁 Pro。

—— 试试看 ——
🛒 安装(Chrome Web Store):chromewebstore.google.com
🌐 官网(功能详情):image-harvest.kyriewen.cn

如果觉得还不错,**真心求一个 5 星好评**🙏 对一个独立开发者来说就是续命药水:
⭐ 留评:chromewebstore.google.com/reviews

有任何 bug 或建议,评论区直接砸过来。
00
叫我欧文就好
13天前
熬了 3 个月、约 250 个小时,终于把我的第一个 Chrome 插件做出来了 🌱

它叫 Image Harvest,专门解决一个我一直很烦的问题——

每次想批量下载网页图片,要么右键被禁用,要么藏在 CSS 背景里抓不到,要么需要一张张点。
试过的所有"图片下载器"插件不是漏图就是夹带各种追踪。

所以我自己写了一个:
✓ 把网页里所有图片都扒出来(包括 CSS 背景、iframe、Shadow DOM 里的)
✓ 一键打包 ZIP 下载
✓ 可以多标签页同时扒
✓ 反向以图搜图(Google / TinEye / Baidu / Yandex)
✓ 相似图片自动识别去重
✓ 全本地处理,零追踪

免费版功能管够,重度用户可以解锁 Pro。

—— 试试看 ——
🛒 安装(Chrome Web Store):chromewebstore.google.com
🌐 官网(功能详情):image-harvest.kyriewen.cn

如果觉得还不错,**真心求一个 5 星好评**🙏 对一个独立开发者来说就是续命药水:
⭐ 留评:chromewebstore.google.com/reviews

有任何 bug 或建议,评论区直接砸过来。
00
叫我欧文就好
14天前
熬了 3 个月、约 250 个小时,终于把我的第一个 Chrome 插件做出来了 🌱

它叫 Image Harvest,专门解决一个我一直很烦的问题——

每次想批量下载网页图片,要么右键被禁用,要么藏在 CSS 背景里抓不到,要么需要一张张点。
试过的所有"图片下载器"插件不是漏图就是夹带各种追踪。

所以我自己写了一个:
✓ 把网页里所有图片都扒出来(包括 CSS 背景、iframe、Shadow DOM 里的)
✓ 一键打包 ZIP 下载
✓ 可以多标签页同时扒
✓ 反向以图搜图(Google / TinEye / Baidu / Yandex)
✓ 相似图片自动识别去重
✓ 全本地处理,零追踪

免费版功能管够,重度用户可以解锁 Pro。

—— 试试看 ——
🛒 安装(Chrome Web Store):chromewebstore.google.com
🌐 官网(功能详情):image-harvest.kyriewen.cn

如果觉得还不错,**真心求一个 5 星好评**🙏 对一个独立开发者来说就是续命药水:
⭐ 留评:chromewebstore.google.com/reviews

有任何 bug 或建议,评论区直接砸过来。
21