大家好,我是鹿梦。
先上链接:
项目官网:pictkit.com
GitHub:github.com/humenglover…
做这个工具的起因很简单,我受够了那些"免费在线处理图片"的网站。
它们大多长一个样:点进去三个弹窗,上传完图片不知道它到底存没存服务器,处理完下载还要扫码关注公众号。更离谱的是有些站干脆就是个壳,前端长得像模像样,背后偷偷把你的图传到了某个第三方 API,隐私两个字跟它没有任何关系。
于是就有了 PictKit。
一句话介绍:一个纯前端、完全在浏览器本地运行的在线图片工具箱。你的图片从始至终不会离开你的设备,没有服务器、没有上传、没有追踪。不信的话,页面加载完你把网断了,所有功能照用。
功能上没偷懒,目前做了 27 个工具:
基础处理:图片压缩、缩放、裁剪旋转、格式转换、圆角边框
滤镜调色:10 种滤镜、6 种模糊模式、11 项色彩调整参数
标注水印:文字图片水印、箭头标注、表情包制作、前后对比
生成工具:二维码生成与解析、SVG 编辑、Favicon 多尺寸生成
创作拼接:照片拼图、37 种相框模板、图片切割、横向纵向合并
实用小工具:取色器、调色板生成、EXIF 信息查看、元数据清除
每个工具我都尽量做得完整。比如压缩不只调个质量滑块,还支持 JPEG、PNG、WebP 三种格式,压缩前后实时对比大小。调色不止亮度对比度,色温、色相、高光、阴影这些该有的都有。水印支持平铺模式,二维码能嵌入 Logo。
技术栈这块,React 19 加 TypeScript 加 Vite,UI 用了 Tailwind CSS 和 Radix UI 那套无样式组件库,图片处理核心依赖 Fabric.js 和 browser-image-compression。中英文双语全覆盖,URL 路由做了 /zh/ 和 /en/ 的本地化区分,SEO 也按页面单独配了 OG 图和结构化数据。
整个项目大概花了我小半年的业余时间,从第一个压缩功能的 Demo 到现在的 27 个工具,中间重构了大概三四次。Tailwind 从 v2 升到 v3,React Router 从 v6 迁到 v7,i18n 的方案也换过一轮。每次觉得"这次应该不用大改了",下个月就自己打脸。
但做开源就是这样,你写出第一版让别人用的时候,自己就会开始挑毛病。然后就不停改,改到有一天突然觉得,好像确实比市面上那些好一点了。
如果你也在找一款不偷图的在线图片处理工具,可以试试 PictKit。完全免费,不用注册,打开即用。
如果觉得有点意思,欢迎点个 Star。有 bug 或者好想法,Issue 和 PR 都欢迎。
鹿梦
2026