IconSlice 把一张 AI 图片拼图拆分成独立文件

常见问题

我的图片会被上传吗?

不会。IconSlice 完全在你的浏览器里使用 HTML canvas 运行。图片始终不会离开你的设备 —— 没有服务器,无需注册,也不存在上传这一步。页面加载完成后,甚至可以断网使用。

怎么把一张 AI 图片拼图拆成一个个图标?

载入图片,切换到「网格」模式,输入与图片相符的列数和行数(例如 4 × 4)。如果图标大小不一或之间留有空白,可以像调整表格那样拖动网格线,并调节「间距」和「边距」,让每个裁剪区域刚好框住图标。然后点击「导出 ZIP」,把每个图标下载为独立文件。

可以导出哪些图片格式?

PNG(保留透明背景)、WebP 和 JPG。PNG 和 WebP 会保留透明背景;JPG 会把透明区域压平为白色背景。

能处理精灵图和图块集吗?

可以。规整的精灵图和图块集用「网格」模式,设置好列数和行数(图集有间隙时再加上间距)即可导出。对于不规则的图集,可以用「切割线」模式把切割线放在需要的位置,或者用「选框」模式逐个框出区域。

能自动识别网格并在导出时调整尺寸吗?

可以。在「网格」模式下点击「自动识别网格」,它会根据图标之间的空隙(透明或纯色的条带)找出行数和列数,并把分隔线放好,之后你仍然可以微调。在「导出」区域,「调整尺寸」可以缩放每张输出图:「等比缩放」按固定的最长边保持原始比例,「拉伸」则强制输出精确的宽×高 —— 做统一规格的图标集时很方便。

可以横竖重复同一个裁剪框吗?

可以。在「选框」模式下打开「批量裁剪」,画一个正方形或矩形,设置行数和列数,IconSlice 就会在整张图上重复出完全相同的裁剪框。之后可以把这些重复的裁剪区域一次性导出。

对图片大小或单元格数量有限制吗?

没有人为限制 —— 唯一的上限是你设备的内存。超大图片和很高的单元格数量处理方式完全相同,只是导出会稍微久一点。

收费吗?

完全免费。无需注册,没有水印,导出次数也不受限制。

为什么要用这个工具?

因为我自己就碰到过这个问题:固定网格的拆分工具处理不了单元格大小不一的 AI 图标集,而我需要一种类似 Confluence 表格的网格,每条分隔线都能单独调整。于是我做了一个 —— 网格线可以拖动,还支持「批量裁剪」来重复裁剪。

我是谁?

我是 Damjan Smickovski,IconSlice 的开发者。 damjan-smickovski.dev

← 返回工具