我的作品 自制浏览器本地图片工具箱图鸭丫,附带开发工具,求大家给优化建议

xbfinal(雨泽) · 2026年08月15日 · 最后由 xbfinal 回复于 2026年08月15日 · 21 次阅读

各位大佬好,业余独立开发做了一个纯前端本地图片处理工具站:图鸭丫 站点: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 张图片批量处理 ✅ 兼顾普通用户图片需求 + 程序员开发工具

求大佬们指点

不管是功能增减、交互优化、前端性能、产品定位、后续迭代路线,任何建议都欢迎,非常感谢!

需要 登录 后方可回复, 如果你还没有账号请 注册新账号