graphics - Cómo concatenar iconos en una sola imagen con ImageMagick?

bitmap css-sprites

Question

Quiero usar sprites de CSS en un sitio web en lugar de archivos de imagen separados, para una gran colección de iconos pequeños que son del mismo tamaño. ¿Cómo puedo concatenar (mosaico) en una imagen grande usando ImageMagick ?

Answer 1

Desde la página que vinculó, ''montaje'' es la herramienta que desea. Tomará un montón de imágenes y las concatenará / dividirá en una sola salida. Aquí hay una imagen de ejemplo que he hecho antes de usar la herramienta: texto alternativo http://davr.org/ds2/demos2/index.png

Answer 2

Usa la herramienta ''montaje'': aquí hay algunas instrucciones

Answer 3

Estás buscando:

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

Answer 4

convertir funciona mucho mejor que el montaje. Organiza las imágenes vertical u horizontalmente y mantiene la transparencia png.

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

Answer 5

Me gusta esta secuencia de comandos para la generación automática sprite / css. " Desarrollar sprites de CSS con Bash e Imagemagick "

• copia del artículo en Waybackmashine https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash-imagemagick

• script copie http://blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html