Non sono riuscito a trovare la chiara differenza tra MAPPE DI IMMAGINI e SPRITI CSS. Entrambi sembrano combinare le immagini della pagina in una? Quindi possiamo ridurre più richieste al server. Quindi qual è la vera differenza?Differenza tra MAPPE DI IMMAGINI e SPRITI CSS
mappa immagine:
Una singola immagine in una pagina, con diverse aree si può fare clic su, che poi hanno effetti diversi (ad esempio, il lancio di collegamenti diversi).
C'è una descrizione di questo qui: http://www.javascriptkit.com/howto/imagemap.shtml
CSS Sprites:
Combinando le immagini dietro un certo numero di classi CSS in un unico file per migliorare le prestazioni - ad esempio riducendo il numero di richieste e spesso complessiva dimensione del download.
Ad esempio, è possibile combinare vari elementi del bordo di una finestra di dialogo Colorbox in una singola immagine o combinare le immagini selezionate e non abbinate per un pulsante.
La migliore descrizione che ho trovato di sprite CSS è questa: http://css-tricks.com/css-sprites/
Una mappa immagine è un'immagine che è possibile trasformare in una mappa immagine e posizionare più collegamenti sopra l'immagine.
Uno sprite CSS è un'immagine composta da più immagini che si utilizza il posizionamento in background CSS per visualizzare questa riduzione delle richieste HTTP.
una mappa di immagine è la definizione di coordinate che giacciono sopra l'immagine per essere in grado di reagire agli eventi in queste aree.
uno sprite di css sono due o più immagini congiunte in un'immagine.
So che è stato chiesto un anno fa, lasciami provare a spiegare nelle mie parole.
CSS Sprite è come un singolo repository di immagini di file che è possibile estrarre qualsiasi parte di esso tramite CSS e posizionarli singolarmente in un'area arbitraria nel proprio spazio web, mentre la mappa dell'immagine (to-url), come suggerisce il nome è un'immagine che ha un'area cliccabile che si associa all'URL di destinazione.
Ottima risposta Jon! – Stranger