IconSlice 图标集、精灵图、拼贴图，以及 AI 生成的网格图。
如何把一张图片拆分成多张图片
- 把图片拖到页面上，或点击「选择图片」。
- 设置列数和行数，或点击「自动识别网格」。
- 拖动网格线可调整任意行列的大小；用间距或边距跳过接缝和空白。
- 需要重复裁剪时，切换到「选框」，打开「批量裁剪」，画一个矩形或正方形，再设置行×列。
- 选择 PNG、WebP 或 JPG，点击「导出 ZIP」下载全部切片。
可以拆分哪些图片
- 把图片等分成多份 —— 任意列数和行数。
- Instagram 九宫格 —— 把一张照片切成无缝衔接的 3×1 或 3×3 主页布局。
- Instagram 轮播图 —— 把一张宽图拆成可左右滑动的多张幻灯片。
- 精灵图与图块集 —— 把游戏素材切成一帧帧独立的图块。
- AI 图标集与 Midjourney 网格图 —— 把 2×2 或 3×3 网格拆成单张图片。
- 从一张图里裁出多张图 —— 画一个选框，横竖重复出完全相同的裁剪区域。
支持的格式与隐私说明
可导出 PNG 和 WebP（保留透明背景）或 JPG，既能逐张下载，也能打包成一个 ZIP，还可选择导出时调整尺寸。所有图片都在本地的 HTML canvas 上处理，不会上传任何文件 —— 无需注册，导出次数不限。
常见问题
我的图片会被上传吗？
不会。IconSlice 完全在你的浏览器里使用 HTML canvas 运行。图片始终不会离开你的设备 —— 没有服务器，无需注册，也不存在上传这一步。页面加载完成后，甚至可以断网使用。
怎么把一张 AI 图片拼图拆成一个个图标？
载入图片，切换到「网格」模式，输入与图片相符的列数和行数（例如 4 × 4）。如果图标大小不一或之间留有空白，可以像调整表格那样拖动网格线，并调节「间距」和「边距」，让每个裁剪区域刚好框住图标。然后点击「导出 ZIP」，把每个图标下载为独立文件。
可以导出哪些图片格式？
PNG（保留透明背景）、WebP 和 JPG。PNG 和 WebP 会保留透明背景；JPG 会把透明区域压平为白色背景。
能处理精灵图和图块集吗？
可以。规整的精灵图和图块集用「网格」模式，设置好列数和行数（图集有间隙时再加上间距）即可导出。对于不规则的图集，可以用「切割线」模式把切割线放在需要的位置，或者用「选框」模式逐个框出区域。
能自动识别网格并在导出时调整尺寸吗？
可以。在「网格」模式下点击「自动识别网格」，它会根据图标之间的空隙（透明或纯色的条带）找出行数和列数，并把分隔线放好，之后你仍然可以微调。在「导出」区域，「调整尺寸」可以缩放每张输出图：「等比缩放」按固定的最长边保持原始比例，「拉伸」则强制输出精确的宽×高 —— 做统一规格的图标集时很方便。
可以横竖重复同一个裁剪框吗？
可以。在「选框」模式下打开「批量裁剪」，画一个正方形或矩形，设置行数和列数，IconSlice 就会在整张图上重复出完全相同的裁剪框。之后可以把这些重复的裁剪区域一次性导出。
对图片大小或单元格数量有限制吗？
没有人为限制 —— 唯一的上限是你设备的内存。超大图片和很高的单元格数量处理方式完全相同，只是导出会稍微久一点。
收费吗？
完全免费。无需注册，没有水印，导出次数也不受限制。
为什么要用这个工具？
因为我自己就碰到过这个问题：固定网格的拆分工具处理不了单元格大小不一的 AI 图标集，而我需要一种类似 Confluence 表格的网格，每条分隔线都能单独调整。于是我做了一个 —— 网格线可以拖动，还支持「批量裁剪」来重复裁剪。
我是谁？
我是 Damjan Smickovski，IconSlice 的开发者。 damjan-smickovski.dev