No pude encontrar la clara diferencia entre IMAGE MAPS y CSS SPRITES. ¿Ambos parecen combinar las imágenes de la página en una sola? Entonces podemos reducir múltiples solicitudes al servidor. Entonces, ¿cuál es la verdadera diferencia?Diferencia entre IMAGE MAPS y CSS SPRITES
mapa de imagen:
Una sola imagen en una página, con diferentes áreas puede hacer clic en, que a su vez tiene efectos diferentes (por ejemplo, el lanzamiento de diferentes enlaces).
Hay una descripción de esta aquí: http://www.javascriptkit.com/howto/imagemap.shtml
CSS Sprites:
Combinando las imágenes detrás de una serie de clases CSS en un solo archivo para mejorar el rendimiento - por ejemplo, la reducción del número de solicitudes y, a menudo en general tamaño de descarga.
Por ejemplo, puede combinar varios elementos de borde de un cuadro de diálogo de colorbox en una sola imagen, o combinar las imágenes clicadas y no seleccionadas para un botón.
La mejor descripción que he encontrado de sprites CSS es éste: http://css-tricks.com/css-sprites/
Un mapa de imagen es una imagen que puede convertirse en un mapa de imagen y colocar varios enlaces en la parte superior de la imagen.
Un sprite de CSS es una imagen compuesta por imágenes mutiples que utiliza el posicionamiento en segundo plano de CSS para mostrar esta reducción de solicitudes HTTP.
un mapa de imagen es la definición de las coordenadas que están mintiendo sobre la imagen, para poder reaccionar a los eventos en estas áreas.
a css sprite son dos o más imágenes juntas en una imagen.
Sé que se lo preguntaron hace un año, solo déjame intentar explicarlo en mis propias palabras.
CSS Sprite es como un único repositorio de imágenes de archivo que puede extraer cualquier parte del mismo a través de css y colocarlas individualmente en un área arbitraria en su página web, mientras que el mapa de imagen (a-url), como su nombre lo sugiere es una imagen que tiene un área en la que se puede hacer clic y que se asigna a la URL de destino.
Gran respuesta Jon! – Stranger