图像处理工具（changepix.com）产品系统

图像处理工具是一套免费、免注册的浏览器端图片工具站，面向内容创作、电商详情和独立站运营里的日常改图：原图太大、格式不齐，还经常要加水印、打码或去掉日期戳、Logo。立项是为了把这些操作留在用户自己的设备上完成，同时用多语言页面承接搜索流量。

功能上有六个模块：图片压缩（质量、尺寸、前后对比、批量）、图片缩放（按像素或百分比，支持裁剪和拉伸）、格式转换（JPG、PNG、WebP、AVIF、BMP、ICO，并可读取 GIF、SVG、HEIC）、文字水印（角落印章或斜向平铺）、图片清理（涂抹后本地修复去掉水印或物体）、马赛克（像素化、模糊或遮挡人脸和文字）。站点还支持简体、繁体、英、日、西五种语言，以及深浅色主题。

我独立负责前端和整条图片处理链路。技术栈是 Next.js（App Router）、React、TypeScript、Tailwind CSS，静态导出后部署在 Cloudflare，没有后端和数据库。图像用 Canvas、createImageBitmap 和 File API 在本地编解码，批量任务走统一队列。亮点是图片清理：用 ONNX Runtime Web 在 Web Worker 里跑本地修复模型，只处理涂抹区域再贴回原图。难点主要是多格式兼容（自研 BMP/ICO 编解码，以及 HEIC、AVIF 的浏览器差异）、大图内存和批量处理、模型体积与首次加载，还有多语言 SEO（hreflang、canonical、sitemap、结构化数据）。