如何使用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