Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/189.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/neo4j/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Graphics 如何使用ImageMagick将图标连接到单个图像中?_Graphics_Bitmap_Imagemagick_Css Sprites - Fatal编程技术网

Graphics 如何使用ImageMagick将图标连接到单个图像中?

Graphics 如何使用ImageMagick将图标连接到单个图像中?,graphics,bitmap,imagemagick,css-sprites,Graphics,Bitmap,Imagemagick,Css Sprites,我想用在一个网站上,而不是单独的图像文件,为一个大集合的小图标,都是相同的大小。如何使用链接页面中的工具将它们连接(平铺)成一个大图像?。它将获取一组图像,并将它们连接/平铺到单个输出中。下面是我在使用该工具之前制作的示例图像: (来源:)我喜欢这个自动生成sprite/css的脚本。 “” Waybackmashine中的文章副本 脚本副本 您正在寻找: montage -background transparent -geometry +4+4 *.png sprite.gif 比蒙太

我想用在一个网站上,而不是单独的图像文件,为一个大集合的小图标,都是相同的大小。如何使用链接页面中的工具将它们连接(平铺)成一个大图像?

。它将获取一组图像,并将它们连接/平铺到单个输出中。下面是我在使用该工具之前制作的示例图像:

(来源:)

我喜欢这个自动生成sprite/css的脚本。 “”

  • Waybackmashine中的文章副本

  • 脚本副本

您正在寻找:

montage -background transparent -geometry +4+4 *.png sprite.gif
比蒙太奇效果好得多。它垂直或水平排列图像,并保持png透明度

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

嗯,我没有测试,但似乎-background None将允许透明背景(请参阅)。有一个问题,它似乎只是以随机顺序附加图片,尽管我将它们命名为1.png到15.png。你知道如何让imagemagick按指定顺序附加图片吗?@AnonJ,你的shell可能正在根据字典顺序将
*
扩展到文件名列表中-这就是zsh为我做的,至少是这样。@Jonathanchanchan这是真的。我忘了像15这样的数字不适合这样的顺序。不管怎样,我最终使用了一些gem(本例中是指南针轨道)来生成精灵,而不是手动完成。这太神奇了。有没有办法指定每列有多少行?(或者有专栏,就此而言:P)@printminion链接也死了!使用“蒙太奇”工具:不要使用ImageMagick,但以下是有关如何使用Python图像库在Python中执行此操作的说明: