一个简单好用的在线表情包切割工具，支持自定义网格、智能去背景、单张/批量下载。
A simple and easy-to-use online sticker splitting tool with customizable grid, smart background removal, and single/batch download.
🚀 在线使用 • ✨ 功能特点 • 📖 使用方法 • 🛠️ 本地运行
👉 点击这里在线使用 | Click here to use online
效果图：
- 智能网格切割 - 自定义行列数，自动生成均匀网格
- 可视化调整 - 拖拽分割线，精确微调切割位置
- 智能去背景 - 自动识别并去除纯色背景，生成透明 PNG
- 实时预览 - 切割前预览所有结果，所见即所得
- 单张下载 - 点击预览图片即可单独下载(TODO)
- 批量下载 - 一键打包所有切割结果为 ZIP 文件
- 响应式设计 - 完美适配桌面端和移动端
- 触屏优化 - 支持触摸拖拽操作
- 纯前端实现 - 无需服务器，数据不上传，隐私安全
- 上传图片 - 选择一张表情包集合图（如 4×7 的表情包网格）
- 设置参数 - 输入正确的行数和列数
- 调整网格 - 如有需要，拖拽彩色线条微调位置
- 预览切割 - 点击"预览切割"按钮查看效果
- 下载使用 - 单击图片单独下载，或点击"下载全部"打包下载
| 参数 | 说明 | 建议值 |
|---|---|---|
| 行数 | 表情包的垂直方向数量 | 根据图片实际情况 |
| 列数 | 表情包的水平方向数量 | 根据图片实际情况 |
| 去背容差 | 背景去除的灵敏度，数值越大去除越彻底 | 30-50 |
使用 AI 生图工具生成表情包集合图，然后用本工具切割：
推荐生图工具：
- 🍌 Nano Banana
- 🎨 Midjourney
- 🤖 DALL·E 3
- ✨ Stable Diffusion
- 🖼️ Leonardo.ai
Prompt 参考：
4x7 grid of cute cat stickers, chibi style, kawaii,
various emotions, happy sad angry surprised,
simple white background, high quality
本项目为纯静态页面，无需安装依赖，直接用浏览器打开即可。
# 克隆仓库
git clone https://github.com/YYForReal/sticker-splitter.git
# 进入目录
cd sticker-splitter
# 用浏览器打开 index.html
# Windows
start index.html
# macOS
open index.html
# Linux
xdg-open index.html# 使用 Python 启动本地服务器
python -m http.server 8080
# 或使用 Node.js
npx serve .
# 然后访问 http://localhost:8080- HTML5 - 页面结构
- CSS3 - 样式与动画（响应式设计、渐变、动画）
- JavaScript (ES6+) - 核心逻辑
- Canvas API - 图片处理与切割
- JSZip - ZIP 文件生成
- FileSaver.js - 文件下载
split_image/
├── index.html # 主页面（包含所有代码）
├── README.md # 项目说明文档
└── ...
欢迎提交 Issue 和 Pull Request！
- Fork 本仓库
- 创建你的分支 (
git checkout -b feature/AmazingFeature) - 提交更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 提交 Pull Request
本项目采用 Apache License 开源许可证。
- JSZip - JavaScript ZIP 库
- FileSaver.js - 文件保存库
如果这个工具对你有帮助，欢迎给个 ⭐ Star！
If this tool helps you, please give it a ⭐ Star!