Je souhaite utiliser CSS sprites sur un site Web au lieu de fichiers image séparés, pour une grande collection de petites icônes de même taille. Comment puis-je les concaténer (mosaïque) en une grande image en utilisant ImageMagick?Comment concaténer des icônes en une seule image avec ImageMagick?
Répondre
De la page que vous avez liée, 'montage' est l'outil que vous voulez. Cela va prendre un tas d'images et les concaténer/les coller dans une seule sortie. Voici un exemple d'image que je l'ai fait avant d'utiliser l'outil: alt text http://davr.org/ds2/demos2/index.png
Utilisez l'outil « montage »: here are some instructions
J'aime ce script pour sprite automatique/génération css. "Building CSS sprites with Bash & Imagemagick"
lien est mort ... – jedierikb
@jedierikb voici la version en cache http://goo.gl/SxcXQH – printminion
@printminion Ce lien est mort aussi! – user2441511
Vous recherchez:
montage -background transparent -geometry +4+4 *.png sprite.gif
+1 pour une commande prête à l'emploi – mik01aj
convert fonctionne beaucoup mieux que le montage. Il arrange les images verticalement ou horizontalement et garde la transparence de png.
convert *.png -append sprites.png (append vertically)
convert *.png +append sprites.png (append horizontally)
Eh bien, je n'ai pas testé, mais il semble que -background None permettra un fond transparent (voir http://www.imagemagick.org/Usage/montage/#bg) – AkiRoss
Il y a un problème qu'il semble juste ajouter les images dans un ordre aléatoire malgré que je les ai nommées de 1.png à 15.png. Savez-vous comment faire imagemagick ajouter les images dans un ordre spécifié? –
@AnonJ, votre shell pourrait étendre '*' à la liste des noms de fichiers basés sur l'ordre lexicographique - c'est ce que zsh fait pour moi, au moins. –
- 1. Comment concaténer des vars dans une image programmée c?
- 2. Détection d'une zone de superposition d'une seule couleur avec ImageMagick
- 3. Comment concaténer des chaînes avec des valeurs binaires en python?
- 4. Conversion d'un texte hébreu en image en utilisant imagemagick
- 5. Problèmes avec linux Imagemagick convertit des fichiers PDF en JPG
- 6. dessiner une ligne semi-transparente avec ImageMagick
- 7. Comment concaténer des littéraux regex en JavaScript?
- 8. comment concaténer des expressions régulières en javascript?
- 9. py2exe setup.py avec des icônes
- 10. Comment redimensionner une image déjà téléchargée en utilisant Magickwand (PHP)/ImageMagick?
- 11. WPF: ListView avec vue des icônes?
- 12. Comment isoler une seule couleur dans une image
- 13. veut des icônes différentes avec des constructions différentes en C#
- 14. Exécution d'un lot avec imagemagick
- 15. UIColor colorWithPatternImage utilise une seule image
- 16. ImageMagick & Pie Charts
- 17. Dessiner des tartes en utilisant PHP ImageMagick
- 18. Afficher avec une colonne en lecture seule
- 19. Puis-je obtenir des données IPTC et EXIF à partir d'une image en utilisant imageMagick?
- 20. concaténer avec jquery
- 21. Concaténer des fichiers RTF en PHP (REGEX)
- 22. Réglage de la qualité avec imagemagick?
- 23. Comment fusionner plusieurs images .png en une seule image en utilisant java?
- 24. Avec ImageMagick, comment pouvez-vous voir toutes les polices disponibles?
- 25. ImageMagick Réflexion
- 26. Comment créer des fichiers objet une seule fois avec cmake?
- 27. Comment concaténer des pages Web dans ASP.NET
- 28. Comment redimensionner une image pour l'adapter à Image :: Magick?
- 29. Comment concaténer des caractères dans Java?
- 30. comment concaténer n colonnes en un?
Non ImageMagick, mais voici des instructions sur la façon de le faire en Python en utilisant la bibliothèque d'images Python: http://29a.ch/2009/5/14/concatenating-images-using-python –