La combinaison de plusieurs images en une seule image est un bon moyen d’améliorer les performances en réduisant le nombre de requêtes http. Mais comment la plupart des webmasters gèrent-ils leurs images combinées?
Existe-t-il un logiciel disponible qui facilite la combinaison d'images en une seule image? Il serait bien de jeter au logiciel un ensemble d’images et de le combiner, puis de faire un rapport sur les décalages X, Y, largeur, hauteur dans l’image.
Vous ne voulez pas charger toutes vos images à partir de sprites. Cela peut ralentir votre site si la page chargée n'utilise pas les images. Il y a un équilibre clair entre ce qui doit être sur les sprites et ce qui ne l'est pas.
Ce que je recommande, c'est:
Pour votre information, ils sont appelés sprites et il y en a plusieurs gratuits disponibles en ligne .
Eh bien, j’utilise un script GIMP pour s’occuper de cela.
ImageMagick est un excellent outil de traitement d'image qui peut le faire. C'est seulement en ligne de commande, donc ce n'est pas le plus facile à utiliser pour les non-programmeurs. Pour assembler des images, utilisez la commande de montage:
montage -geometry +4+4 *.png
Cela ne générera pas le CSS pour vous, mais à moins que vous n'ayez plus de 30 images, cela ne devrait pas poser de problème.
Il existe de nombreux outils en ligne qui peuvent également faire la CSS, avec des noms de classe basés sur les noms de fichiers. Celui-ci est très bon.