Une brève introduction : les sprites CSS peuvent réduire efficacement le nombre de demandes de connexion HTTP pour les fichiers image. Plusieurs images seront fusionnées en un seul gros fichier image à une certaine distance. Les éléments qui utilisent ces images sur la page utiliseront l'attribut background-position. Propriété CSS pour afficher la position spécifiée dans l'image fusionnée. Cette technologie peut améliorer efficacement les performances du site Web, en particulier lorsqu'il y a de nombreuses petites images sur la page Web, telles que de nombreuses icônes de la barre de menus.
Voici une introduction détaillée à la technologie CSS Sprites de Realazy qui a été traduite en assemblage d'images CSS. moi. , j'espère que vous ne protesterez pas : P Si vous avez une meilleure traduction, n'hésitez pas à la suggérer ^^
Laissez-moi vous présenter un générateur d'assemblage d'images CSS qui regroupe de nombreuses petites images dans des fichiers ZIP, télécharge. eux, puis génère automatiquement l'image assemblée. Images et règles CSS, vous pouvez également personnaliser la couleur d'arrière-plan, si l'arrière-plan est transparent, le suffixe et le suffixe du sélecteur CSS, etc. C'est puissant ^ ^
Euh, pourquoi devrais-je le présenter ? Puisque l'interface chinoise a été traduite par moi, veuillez fournir de meilleures suggestions de traduction.
Le texte traduit peut être extrait de Google Code à l'adresse http://cssspritegeneratorchinese.googlecode.com/svn/.
http://spritegen.website-performance.org/?action=home&lang=cn