图片切割工具（Image Cutter）

浏览器端的图片批量切割工具，支持去背景、智能裁剪、行列调整、一键打包下载。所有处理在浏览器本地完成，不上传服务器。

功能特性

• 批量切割：把一张网格图（如表情包系列）按行列自动切割成多张小图
• 去背景：基于亮度通道的背景移除（可选）
• 换背景：替换为纯色或自定义背景
• 行列调整：手动指定行列数量，或智能检测
• 打包下载：一键打包为 ZIP 下载
• 横屏/竖屏：支持横屏和竖屏两种模式

---

界面预览

---

技术栈

• 纯前端：HTML + CSS + JavaScript（无框架）
• JSZip：客户端 ZIP 打包
• 部署：nginx 静态站点

快速开始（Docker 部署）

docker build -f Dockerfile.image-cutter -t image-cutter .
docker run -d -p 8090:80 --name image-cutter image-cutter

访问 http://localhost:8090

本地开发

无需构建，直接用浏览器打开 index.html 即可。建议用本地服务器避免 CORS 问题：

python -m http.server 8090
# 或
npx serve .

项目结构

.
├── index.html              # 主页面
├── css/style.css           # 样式
├── js/
│   ├── app.js              # 主逻辑
│   ├── bg-removal.js       # 去背景算法
│   └── jszip.min.js        # JSZip 库（客户端 ZIP 打包）
├── image-cutter-docker/
│   └── nginx.conf          # nginx 配置
├── Dockerfile.image-cutter # Docker 构建文件
└── docs/PRD.md             # 产品需求文档

集成到 AI Director Workbench

Image Cutter 可独立部署，也可作为 AI 导演工作台 的子项目集成。集成方式参考主项目 README 的"子项目集成"章节。

License

MIT