Je n'ai pas pu trouver la différence claire entre les cartes d'image et les sprites CSS. Les deux ressemblent à combiner les images de la page en une? Nous pouvons donc réduire de multiples demandes au serveur. Alors quelle est la vraie différence?
4 Réponses :
Une carte image est une image que vous pouvez transformer en une carte d'image et placer plusieurs liens en haut de l'image.
Un sprite CSS est une image composée d'images sourdle que vous utilisez le positionnement des antécédents CSS pour afficher cette demande HTTP réduisant.
Une seule image sur une page, avec différentes zones que vous pouvez cliquer sur, qui ont ensuite des effets différents (par exemple, lancer différents liens).
Il y a une description de cela ici: http://www.javascriptkit.com/howto/imagemap .shtml
Combinant les images derrière un certain nombre de classes CSS dans un seul fichier pour améliorer les performances - par exemple, réduire le nombre de demandes et la taille de téléchargement souvent globale.
Par exemple, vous pouvez combiner divers éléments de bordure d'une boîte de dialogue ColorSbox dans une seule image ou combinez les images cliquées et cliquées pour un bouton.
La meilleure description que j'ai trouvée de CSS Sprites est celle-ci: http: // css-astuces .Com / CSS-Sprites /
Une carte image est la définition des coordonnées qui couchent sur l'image pour pouvoir réagir aux événements de ces zones.
Un sprite CSS est deux images ou plus joint d'une image dans une image.
Je sais que cela a été posé il y a un an, laissez-moi essayer d'expliquer mes mots.
CSS Sprite est comme un référentiel d'images de fichier unique que vous pouvez retirer une partie de celle-ci via CSS et les placer individuellement dans une zone arbitraire de votre page Web immobilière, tandis que la carte image (TO-URL), comme le nom de son nom suggère est une image qui possède une zone cliquable qui correspond à votre URL cible.