ImageMagick 精灵图表制作器
使用强大的 ImageMagick montage 命令,将一个文件夹内的所有小图片(如图标)智能地合并成一张大的“精灵图表”(Sprite Sheet),这是网页和游戏开发中一种经典的性能优化技巧。
⚡️ 快速上手:合并一组图标
- 将所有你想合并的
.png小图片放在同一个文件夹里。 - 点击选择该输入图片文件夹。
- 设置一个合理的每行列数,例如
8。 - 选择一个输出文件夹来保存生成的精灵图表。
- 完成!下方已为你生成合并命令,复制到终端执行,即可在输出文件夹中找到
sprite-sheet.png文件。
🤔 我该在什么时候用它?
- 你是一个前端开发者,想将网站上用到的所有小图标合并成一张图片,以减少 HTTP 请求数,加快页面加载速度。
- 你是一个游戏开发者,需要将角色的动画序列帧或游戏的 UI 元素合并成一张纹理图集。
- 你想制作一个包含很多小图片的图片墙或拼接图。
⚙️ 参数说明
输入图片文件夹: 包含所有待合并的源图片(推荐为
.png格式)的文件夹。montage命令会按文件名顺序读取这些图片。每行列数: 这是精灵图表的布局核心。它决定了最终生成的大图中,每行排列多少张小图片。行数会根据图片总数和列数自动计算。我们提供了一些常用列数的快捷按钮。
输出文件夹: 用于保存最终生成的
sprite-sheet.png文件的位置。
高级选项
- 图片间距: 设置每张小图片之间的水平和垂直间距(单位:像素),防止它们紧紧挨在一起。例如,
+5+10表示水平间距为 5px,垂直间距为 10px。
⚠️ 依赖安装
在使用此工具前,你的 Mac 上需要先安装 ImageMagick。如果你安装了 Homebrew,只需在终端运行一次即可:
bash
brew install imagemagick相关工具
在CmdWise应用市场中,您还可以找到其他图片处理工具:
- SIPS 图片转换器:在 JPEG, PNG 等多种格式间进行转换
- WebP 图片转换器:将图片转换为现代的 WebP 格式