如何使用ImageMagick将图标串联成单个图像?
时间:2020-03-06 14:19:26 来源:igfitidea点击:
我想在网站上使用CSS Sprites而不是单独的图像文件,以获取所有大小相同的小图标的大量集合。如何使用ImageMagick将它们串联(平铺)为一张大图像?
解决方案
在我们链接的页面上,"蒙太奇"是我们想要的工具。它将需要一堆图像并将它们串联/平铺为单个输出。这是我在使用该工具之前制作的示例图像:
替代文字http://davr.org/ds2/demos2/index.png
使用"蒙太奇"工具:以下是一些说明
我喜欢这个脚本来自动生成sprite / css。
"使用Bash和Imagemagick构建CSS精灵"
- Waybackmashine中的文章复制https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash-imagemagick
- 脚本副本http://blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html