Image Master

一个纯前端的图片处理工具，所有操作均在浏览器本地完成，不会上传到服务器。

✨ 功能特性

🎨 精灵图拆分 (Sprite Splitter)

• 上传带透明通道的 PNG 图片（如游戏 UI 精灵图集）
• 自动按照透明区域间隙识别并拆分成独立的小图片
• 支持批量处理多张图片
• 支持单张下载或 ZIP 打包下载

🖼️ 背景扣除 (Background Remover)

• 上传带纯色背景的图片，自动将背景色处理为透明
• 支持自动检测背景色或手动拾取颜色
• 可调整颜色容差范围
• 边缘羽化功能，减少锯齿感
• 仅处理连续像素选项，精确控制扣除区域

🔍 AI 超分放大 (Super Resolution)

• 使用 Real-ESRGAN 深度学习模型进行超分辨率放大
• 支持 4x 放大倍率，同时增强细节和清晰度
• 首次使用需下载模型（约 64MB），支持本地缓存
• 使用 Web Worker 多线程处理，不阻塞 UI

📐 尺寸调整 (Image Resizer)

• 批量调整图片尺寸
• 支持按比例缩放（10% - 500%）或指定目标尺寸
• 可锁定宽高比保持图片不变形
• 实时预览输出尺寸

📦 图片压缩 (Image Compressor)

• 智能压缩图片文件大小
• 支持 JPEG、WebP、PNG 格式转换
• 可调整压缩质量（1% - 100%）
• 实时显示压缩率和节省空间

🔄 旋转翻转 (Image Transform)

• 快捷旋转：顺时针/逆时针 90°、180°
• 自定义角度旋转（正数顺时针，负数逆时针）
• 水平翻转、垂直翻转
• 支持连续处理：将结果作为新输入继续变换

🩹 AI 图片修复 (Image Inpainting)

• 使用 AI 自动修复图片中涂抹标记的区域
• 可用于移除水印、修复划痕、消除不需要的物体
• 画笔工具涂抹需要修复的区域
• 支持全屏编辑模式，方便精细操作
• 支持撤销操作
• 首次使用需下载模型

🔗 工具联动

• 所有工具之间可以互相传递图片，方便进行连续处理流程
• 处理结果可一键发送到其他工具继续处理
• 支持拖拽上传和剪贴板粘贴上传

🛠️ 技术栈

• Next.js 16 - React 全栈框架
• React 19 - UI 库
• Tailwind CSS 4 - 样式框架
• ONNX Runtime Web - 浏览器端 AI 推理
• browser-image-compression - 图片压缩库
• JSZip - ZIP 文件生成
• file-saver - 文件下载

🚀 快速开始

# 安装依赖
bun install

# 启动开发服务器
bun dev

打开 http://localhost:3000 即可使用。

📦 构建部署

# 构建生产版本
bun run build

# 启动生产服务器
bun start

🌟 特点

• 🔒 隐私安全 - 所有处理均在浏览器本地完成，图片不会上传到服务器
• 🚀 高性能 - 使用 Web Worker 多线程处理，不阻塞主线程
• 📱 响应式设计 - 适配桌面和移动设备
• 🎯 批量处理 - 大部分工具支持同时处理多张图片
• 💾 离线可用 - AI 模型下载后缓存在本地，后续使用无需网络

📄 License

MIT