Quiero usar CSS sprites en un sitio web en lugar de archivos de imagen separados, para una gran colección de iconos pequeños que son todos del mismo tamaño. ¿Cómo puedo concatenarlos (mosaico) en una imagen grande usando ImageMagick?¿Cómo concatenar iconos en una sola imagen con ImageMagick?
Desde la página que ha vinculado, 'montage' es la herramienta que desea. Tomará un montón de imágenes y las concatenará/dividirá en una sola salida. Aquí está una imagen de ejemplo que he hecho antes de usar la herramienta: alt text http://davr.org/ds2/demos2/index.png
Utilice la herramienta de 'montaje': here are some instructions
me gusta este script para la generación de sprites/css automático. "Building CSS sprites with Bash & Imagemagick"
copia artículo en Waybackmashine https://web.archive.org/web/20150529041037/http://jaymz.eu/blog/2010/05/building-css-sprites-with-bash-imagemagick
script de copia http://blog.kupriyanov.com/2011/01/solvedbuilding-css-sprites-with-bash.html
enlace está muerto ... – jedierikb
@jedierikb aquí está la versión en caché http://goo.gl/SxcXQH – printminion
@printminion ¡Ese enlace está muerto, también! – user2441511
Usted ha buscado:
montage -background transparent -geometry +4+4 *.png sprite.gif
+1 para un comando listo para usar – mik01aj
convert 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)
Bueno, no probé, pero parece que - el fondo Ninguno permitirá el fondo transparente (ver http://www.imagemagick.org/Usage/montage/#bg) – AkiRoss
Existe el problema de que parece adjuntar las imágenes en orden aleatorio a pesar de que las he nombrado desde 1.png hasta 15.png. ¿Sabes cómo hacer que imagemagick agregue las imágenes en un orden específico? –
@AnonJ, su caparazón podría estar expandiendo '*' a la lista de nombres de archivo según el orden lexicográfico; eso es lo que zsh está haciendo por mí, al menos. –
ImageMagick, pero aquí están las instrucciones sobre cómo hacer esto en Python usando la biblioteca de Python Image: http://29a.ch/2009/5/14/concatenating-images-using-python –