当前位置:  开发笔记 > 编程语言 > 正文

如何使用ImageMagick将图标连接成单个图像?

如何解决《如何使用ImageMagick将图标连接成单个图像?》经验,为你挑选了4个好方法。

我想在网站上使用CSS精灵而不是单独的图像文件,用于大量相同大小的小图标.如何使用ImageMagick将它们连接(平铺)成一个大图像?



1> Simon Ernst..:

转换效果比蒙太奇好得多.它垂直或水平排列图像并保持png透明度.

convert *.png -append sprites.png (append vertically)
convert *.png +append sprites.png (append horizontally)


这真太了不起了.有没有办法指定每列有多少行?(或者有列,就此而言:P)

2> davr..:

从您链接的页面,"蒙太奇"是您想要的工具.它需要一堆图像并将它们连接/平铺成单个输出.这是我在使用该工具之前制作的示例图像: 替代文字
(来源:davr.org)



3> Alexander M...:

您正在寻找:

montage -background transparent -geometry +4+4 *.png sprite.gif



4> printminion..:

我喜欢这个脚本用于自动精灵/ 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


@printminion那个链接也死了!
推荐阅读
jerry613
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有