各位大佬好,业余独立开发做了一个纯前端本地图片处理工具站:图鸭丫
站点:https://www.tuyaya.top/
工具页:https://www.tuyaya.top/#/tools
一、做这个工具的初衷
平时工作经常要处理截图、证件照、批量压缩图片,市面上大部分在线工具要么强制上传图片到服务器、有隐私风险,要么批量功能收费、有水印、需要注册登录。
作为程序员,干脆自己用浏览器原生 API+Wasm 做了一套全本地处理的工具箱,图片全程不经过后端服务器,数据只留在浏览器里,用完即清,完全免费无限制。
二、现有功能清单
图片处理 7 大核心工具
1. 图片压缩:批量最多 20 张,控体积保清晰度
2. 格式转换:JPG/PNG/WebP/BMP/HEIC/TIFF/ICO 七格式互转
3. 裁剪缩放:自由裁剪、固定比例、自定义尺寸实时预览
4. 图片切割:九宫格/四宫格/自定义行列分割
5. 加水印:文字/图片水印,可调透明度、旋转、平铺
6. 证件照换底色:一寸/二寸标准尺寸,智能抠图一键换底色
7. 智能抠图:一键去背景,导出透明 PNG、自定义底色
配套程序员开发工具 (自用刚需)
文本对比、JSON 格式化、YML↔Properties 互转、图片 Base64 编解码、Cron 表达式生成解析,一共 5 个开发小工具,一并整合在网站里。
三、目前遇到的痛点& 想求助优化的方向
1. 产品功能层面
- 普通用户:除现有功能外,还需要补充哪些高频图片需求?比如 GIF 处理、图片拼接、滤镜调色、长图分割、图片加文字标注?
- 开发者:现有 5 个开发工具是否够用,还需要新增哪些前端/后端常用工具?
2. 性能体验层面
- 大体积图片、20 张批量处理时,Safari 移动端容易卡顿、画布超限空白,有哪些前端 Canvas/Wasm 优化方案?
- 首屏加载、工具切换动画、移动端适配有没有优化思路?
3. UI 交互设计
- 现在整体 UI 偏简洁,卡通小黄鸭 logo,面向设计师/运营/学生/程序员多人群体,界面布局、操作流程该怎么优化降低上手成本?
- 证件照、抠图这类功能,新手引导怎么做更友好?
4. 长期规划疑问
- 纯本地客户端工具站,有没有必要做账号、历史记录本地缓存?
- 是否要开发 Chrome/Firefox 浏览器扩展,右键直接处理网页图片?
- 盈利/可持续方向:纯免费无广告,要不要做爱发电、付费高级批量、开源?
四、核心优势
✅ 图片不上传服务器,本地浏览器处理,隐私安全
✅ 全部功能永久免费,无次数、无批量限制
✅ 无需注册登录,打开浏览器直接使用
✅ 支持最多 20 张图片批量处理
✅ 兼顾普通用户图片需求 + 程序员开发工具
求大佬们指点
不管是功能增减、交互优化、前端性能、产品定位、后续迭代路线,任何建议都欢迎,非常感谢!










