Image Kit：一个在浏览器里搞定批量去水印、压缩、格式转换、证件照制作的在线工具站
- 工具软件
- -435分钟前
- 4热度
- 0评论
你有没有遇到过这些情况：报名考试要交 100KB 以内的证件照、AI 合成的照片想要批量去水印、一堆图片要批量压到指定大小、几个 PDF 要合并或去水印、视频要转格式或提取音频……
然后到处找工具却发现：有的要上传到别人服务器、有的不支持批量、有的还要装软件、有的要登录注册、复杂批量处理还要付费。
作为一个经常被这类问题折磨的人，我做了一个「在浏览器里就能高效搞定一切」的在线工具站——Image Kit。
它最大的特点是：图片不用上传、处理全在本地完成，兼顾隐私与效率。覆盖图片、PDF、视频、音频、GIF 和 AI 生图，50+ 工具一站搞定。
1 为什么要做这个网站？
1.1 背景与痛点
相信大家都有过这些经历：
- 报名考试要交 100KB 以内的证件照，找不到好用的工具，怎么压都超标
- iPhone 拍的 HEIC 照片在 Windows 电脑打不开
- 一堆图片要批量压到统一大小、转换格式，手动一张张处理太麻烦
- PDF 要合并/拆分/去水印，得找好几个网站
- 视频转格式、去水印、提取音频，又是不同的工具
每次都要重新找、重新学。有的工具还要上传到服务器，隐私不安全；有的不支持批量；有的不免费……
1.2 为什么要自己做？
一方面是日常被这些问题折磨够了，想做个自己用着顺手的工具；另一方面也是借这个机会练练手，跑通基于 AI 协作全栈开发的完整流程。
这个项目也是一次 AI 辅助编程的实践——用 Cursor 和 Claude Code 等 AI 协作编程工具从 0 到 1 做下来，需求澄清、任务拆分、代码生成这套流程已经跑通了。技术上的细节放在后面说，先来看看它能帮你解决什么问题。
2 ImageKit 主要有哪些功能？解决哪些问题？
用「分类 + 代表功能 + 解决什么问题」做个扫读表：
| 分类 | 代表功能 | 解决什么问题 |
|---|---|---|
| 压缩 | 批量压缩、压缩到指定大小 | 网页/邮件/上传限制体积，批量压到统一大小 |
| 转换 | 格式互转、转 ICO | HEIC/WebP 兼容、做网站 favicon |
| 编辑 | 裁剪、缩放、水印、DPI、抠图、证件照、圆角、马赛克 | 排版、打印、版权、隐私、证件照规格 |
| 图片 | 九宫格、拼长图、滤镜、取色、放大、卡通化、素描、老照片修复、旋转、签名、去水印 | 社交传播、设计取色、画质增强、风格化、修复、去水印 |
| GIF | 分解/制作/合并/缩放 | 动图提取、自制动图、尺寸统一 |
| 视频 | 格式转换、水印、变速、合并、提音频、倒放、旋转、录屏 | 格式兼容、版权、剪辑、提取 BGM、录教程 |
| 音频 | 剪切、合并 | 铃声、片段拼接 |
| 合并/拆分/提取页/删页/转图/旋转/排序/页码/水印/元数据/页面调整/长图/提图/压缩/去水印等 | 文档整理、打印、版权、体积、去水印 | |
| 高级 | AI 生图、图生视频、视频抽帧 | 创作、素材生成、视频转图 |
一句话总结：覆盖图片、PDF、视频、音频、GIF、AI 生图等 50+ 工具，以高效率批量处理、在浏览器本地完成免上传服务器为主要目标。
3 ImageKit 重点功能介绍
下面选几个我最常用的工具稍微展开介绍使用的技术、操作流程、交互细节、使用体验等。
3.1 图片批量压缩 & 格式转换
能解决什么问题：一键把 10 张图压到 100KB 以下、HEIC 转 JPG、WebP 转 PNG、做网站 favicon……不用上传，不用等，不用付费。
怎么用：上传图片 → 设置压缩力度或目标大小及格式 → 预览对比 → 下载。单张、批量都可以，还能打包成 ZIP 下载。
亮点：处理全在浏览器里完成，隐私无虞；批量压到统一大小特别适合报名、投稿等场景。
3.2 图片尺寸批量调整
能解决什么问题：不知道选什么尺寸？小红书、公众号、微博都有标准尺寸，帮你内置好了，批量选、批量改，一键导出。
亮点：内置数十种主流平台的标准尺寸，不用查攻略，直接选就完事。
3.3 抠图 / 证件照 / 去水印
能解决什么问题：
- 想要透明底？一键抠图
- 报名要一寸/二寸证件照？自动帮你裁好、加白/蓝/红底
- AIGC 的图片有水印想去掉？轻量级 AI 模型浏览器中运行自动帮你修
亮点：不用装 PS，不用学技术，上传 → 点几下 → 下载，老奶奶都能用。
3.4 AI 生图 & 更多工具
基于 AI 能力还做了文生图、图片风格化等有趣的功能，基于魔搭社区和 huggingface 平台强大的开源模型能力，具有很高的可玩性。更多的就等你来探索了……
4 实际使用场景
我自己用得最多的，是给公众号文章配图。基本流程是这样的：
- 写文章：确定选题后，用在线智能体平台的深度研究功能搜集整理资料，然后用 AI 智能体工具协作完成内容撰写。
- 生成信息图：把文章丢给 Google NotebookLM，让它生成信息图。复制生成的信息图。
- 去水印：打开 ImageKit 的图片去水印页面，自动识别剪贴板图片。设置好参数，一键去水印。复制去水印后的图片。
- 调大小：打开图片大小调整页面，自动识别剪切板图片。选好公众号适用的尺寸及输出格式，一键调整大小，批量下载。
一套下来，不用花太多 LLM Token，图片处理还是免费的。如果你也在做内容创作，不妨试试。
提示：这是一套不太费 LLM Token 的省钱高效流程。如果你正在使用 AI 编程智能体工具，也可以基于 Skils 打造适合自己的自动化处理流程。
5 技术上是怎么实现的？（技术党看过来）
简单说：大部分处理都在浏览器里跑，不上传文件到服务器（AI 生图需转发图片到对应平台）。
- 前端：React 19 + Vite，用了 ImageMagick、FFmpeg、OpenCV 的 WebAssembly 版本，图片、视频、PDF 处理直接在浏览器完成
- 后端：Fastify + Prisma，主要是用户管理、文件存储、AI 生图等需要服务端的能力
- AI 能力：抠图、超分、去水印等用的是浏览器端轻量级 AI 模型（ONNX），AI 生图等功能调用后端 API 转发实现
这样分工，是想在能力与隐私之间找个平衡：能本地跑的就本地跑，减少隐私风险；必须用服务器的再用服务器。
6 总结
Image Kit 的定位很简单：免费、多语言（中/英/繁）、本地处理、一站搞定。
如果你经常被这些问题困扰：
- 压图、转格式、抠图要去不同网站
- 批量处理要付费
- 不想把照片上传到陌生服务器
欢迎来试试：https://imagekit.lzw.me
觉得有用的话，欢迎转发给朋友。有问题或建议，也可以随时反馈给我。
感谢阅读！
