https://www.w2solo.com/193577746 独立开发者 / 前端工程师 en-us <h2 id="产品基本信息">产品基本信息</h2> <ul> <li> <strong>产品名</strong>：Image Harvest</li> <li> <strong>类型</strong>：Chrome 扩展</li> <li> <strong>定位</strong>：解决现代网页图片下载工具漏图问题</li> <li> <strong>开源</strong>：MIT 协议 → <a href="https://github.com/zbw-zbw/image-harvest" rel="nofollow" target="_blank">https://github.com/zbw-zbw/image-harvest</a> </li> <li> <strong>官网</strong>：<a href="https://image-harvest.kyriewen.cn" rel="nofollow" target="_blank">https://image-harvest.kyriewen.cn</a> </li> <li> <strong>安装</strong>：<a href="https://chromewebstore.google.com/detail/iecgnjidmogebokcfnejncgnelcepffo" rel="nofollow" target="_blank">https://chromewebstore.google.com/detail/iecgnjidmogebokcfnejncgnelcepffo</a> </li> </ul> <p><img src="https://img.way2solo.com/photo/193577746/35aad060-db63-4739-b1ac-2d5bd1fe9654.jpg?imageView2/2/w/1920/q/100" title="" alt=""></p> <h2 id="为什么做这个">为什么做这个</h2> <p>我之前是设计师，做素材调研一直被「主流图片下载扩展在现代网页上漏图」的问题困扰 —— 明明页面上看到 60+ 张图，主流扩展只能抓到 8 张。</p> <p>研究了一下技术原因：现代网页 60-90% 的图不在 <code>&lt;img&gt;</code> 标签里， 而是 CSS background / Shadow DOM / 懒加载 / srcset / <code>&lt;picture&gt;</code> 里。 主流工具只看 <code>&lt;img&gt;</code> 所以全漏了。</p> <p>花了 3 个月把这 5 种现代 web 技术都处理了，做成了 Image Harvest。</p> <h2 id="第一周真实数据复盘（W2solo 同行最关心的部分）">第一周真实数据复盘（W2solo 同行最关心的部分）</h2> <blockquote> <p>透明分享真实数字，希望对其他独立开发者有参考价值。<strong>不修饰、不夸大</strong>。</p> </blockquote> <h3 id="Day 1（Chrome Web Store 上架日）">Day 1（Chrome Web Store 上架日）</h3> <ul> <li>Chrome Store 安装：<strong>12</strong>（全部来自我自己 + 朋友的测试）</li> <li>GitHub Star：<strong>3</strong> </li> <li>收入：<strong>¥0</strong>（付费墙刚开放）</li> </ul> <h3 id="Day 2-3（即刻 + V2EX 首发）">Day 2-3（即刻 + V2EX 首发）</h3> <ul> <li>即刻动态：1 条，浏览 2300，点赞 47，评论 18</li> <li>V2EX「分享创造」：1 帖，浏览 1800，回复 23</li> <li>Chrome Store 安装：<strong>+58</strong>（48h 累计 70）</li> <li>GitHub Star：<strong>+12</strong>（累计 15）</li> <li>收入：<strong>¥138</strong>（2 个付费用户 × ¥69）</li> </ul> <h3 id="Day 4-7（小红书 + 少数派提交）">Day 4-7（小红书 + 少数派提交）</h3> <ul> <li>小红书：1 帖，初期沉，第 5 天突然有个设计师博主转发，曝光 5K → 实际安装转化 ~30</li> <li>少数派：投稿审核中（少数派一般 5-7 天审）</li> <li>Chrome Store 安装：<strong>+125</strong>（首周累计 195）</li> <li>GitHub Star：<strong>+27</strong>（累计 42）</li> <li>收入：<strong>¥414</strong>（6 个付费用户）</li> </ul> <h3 id="第一周总计">第一周总计</h3><table class="table table-bordered table-striped"> <tr> <th>指标</th> <th>数字</th> </tr> <tr> <td>总安装</td> <td>195</td> </tr> <tr> <td>付费用户</td> <td>6</td> </tr> <tr> <td>付费转化率</td> <td> <strong>3.08%</strong>（行业 Chrome 扩展平均 1-2%，算偏高）</td> </tr> <tr> <td>收入</td> <td>¥414</td> </tr> <tr> <td>GitHub Star</td> <td>42</td> </tr> <tr> <td>即刻 follow</td> <td>+18</td> </tr> <tr> <td>V2EX 收藏</td> <td>31</td> </tr> </table><h3 id="几个值得分享的反直觉发现">几个值得分享的反直觉发现</h3> <ol> <li><p><strong>Chrome Web Store 自然流量比想象低</strong>。上架后头 3 天没主动引流，每天只有 3-5 个安装来自 Chrome Store 搜索。<strong>Chrome Store 搜索 ≠ 自然流量</strong>，你不引流根本没人能搜到。</p></li> <li><p><strong>小红书是黑盒</strong>。同样的内容在不同账号 / 时段曝光差异 100x。我前 3 帖全沉底，第 4 帖突然爆 5K。<strong>没有规律可寻，唯一办法是多发</strong>。</p></li> <li><p><strong>¥69 一次买断的接受度比预期高</strong>。我担心国内用户对付费扩展抗拒，结果 3% 付费率反而比行业平均高。<strong>关键是把「为什么收费」说清楚</strong>（一次买断 + 不上报数据 + 开源 + MIT），用户接受度反而高。</p></li> <li><p><strong>GitHub Star 增长滞后于安装</strong>。第一周安装 195 但只有 42 Star，因为绝大多数用户不会去 GitHub。<strong>Star 主要来自技术社区（V2EX / 即刻技术圈）转发</strong>。</p></li> </ol> <h2 id="产品介绍（简版，详细看 GitHub README）">产品介绍（简版，详细看 GitHub README）</h2> <p>技术栈：</p> <ul> <li>Chrome Manifest V3 + 纯 vanilla JavaScript</li> <li>Web Worker + OffscreenCanvas</li> <li>IndexedDB（本地图片收藏夹）</li> <li>总打包体积 &lt; 200KB</li> </ul> <p>5 项核心技术处理漏图：</p> <ol> <li>Shadow DOM 递归遍历</li> <li>CSS background 完整提取</li> <li>懒加载等待 + MutationObserver</li> <li>srcset 自动选最高分辨率</li> <li>同源 iframe 内容提取</li> </ol> <p>附加功能：多维过滤 / ZIP 批量打包 / 多标签页抓取 / 相似图去重（pHash）/ 主色调提取 / 本地收藏夹 / 反向搜图</p> <h2 id="接下来的计划">接下来的计划</h2> <ul> <li> <strong>Month 2</strong>: 重点攻 少数派 / 掘金 / 知乎 长尾 SEO</li> <li> <strong>Month 3</strong>: 启动 V2 (Team 版本，多用户协作)</li> <li> <strong>Month 6</strong>: 评估海外市场（Product Hunt + Chrome Store 国际版搜索优化）</li> </ul> <h2 id="求 W2solo 同行帮忙">求 W2solo 同行帮忙</h2> <ul> <li>🔧 <strong>求 code review</strong> —— 抓图引擎在 <code>content/extract-advanced.js</code>，欢迎 PR/issue</li> <li>💡 <strong>求功能建议</strong> —— 你做设计/素材/电商，碰到过什么图片下载痛点？</li> <li>🤝 <strong>求合作</strong> —— 如果你也在做 Chrome 扩展或 SaaS，欢迎加微信交流（私信我）</li> <li>📊 <strong>求一起做数据复盘</strong> —— W2solo 上有同样在做付费 Chrome 扩展的吗？想交流真实 MRR 数据</li> </ul> <p>GitHub: <a href="https://github.com/zbw-zbw/image-harvest" rel="nofollow" target="_blank">https://github.com/zbw-zbw/image-harvest</a> Chrome Store: <a href="https://chromewebstore.google.com/detail/iecgnjidmogebokcfnejncgnelcepffo" rel="nofollow" target="_blank">https://chromewebstore.google.com/detail/iecgnjidmogebokcfnejncgnelcepffo</a> 官网: <a href="https://image-harvest.kyriewen.cn" rel="nofollow" target="_blank">https://image-harvest.kyriewen.cn</a></p> <p>谢谢 W2solo 各位！</p> <hr> 193577746 Fri, 01 May 2026 13:26:58 +0800 https://www.w2solo.com/topics/7278 https://www.w2solo.com/topics/7278