Nie mogłem znaleźć wyraźnej różnicy między OBRAZAMI OBRAZÓW a PLIKAMI CSS. Oba wyglądają jak łączenie obrazów na stronie w jeden? Dzięki temu możemy zredukować wiele żądań do serwera. Jaka jest prawdziwa różnica?Różnica między OBRAZAMI OBRAZÓW a SPRĘTAMI CSS
Image Map:
jednego obrazu na stronie, z różnych obszarów można kliknąć, które następnie mają różne efekty (na przykład uruchomienie różne linki).
Tam jest opis tego tutaj: http://www.javascriptkit.com/howto/imagemap.shtml
CSS Sprites:
Łączenie obrazów za kilka klas css w jednym pliku w celu zwiększenia wydajności - na przykład do zmniejszenia liczby wniosków i często ogólnej rozmiar do pobrania.
Na przykład można połączyć różne elementy obramowania okna dialogowego Colorbox w pojedynczy obraz lub połączyć kliknięte i niekliknięte obrazy dla przycisku.
Najlepszy opis znalazłem od sprite'ów CSS jest to jedno: http://css-tricks.com/css-sprites/
Mapa obrazkowa to jeden obraz, który można przekształcić w mapę obrazu i umieścić wiele łączy na górze obrazu.
Sprite CSS to jeden obraz złożony z wielu obrazów, w których używasz pozycjonowania tła w CSS, aby wyświetlić to ograniczenie żądań http.
mapę obrazu jest określenie współrzędnych, które leżą nad obrazem, aby móc reagować na wydarzenia na tych obszarach.
Sprajt css to dwa lub więcej obrazów połączonych w jednym obrazie.
Wiem, że pytano mnie rok temu, pozwól mi tylko spróbować wyjaśnić własnymi słowami.
CSS Sprite jest jak repozytorium pojedynczego pliku obrazu, które można wyciągnąć dowolną jego część za pośrednictwem css i umieścić je pojedynczo w dowolnym obszarze na stronie internetowej nieruchomości, podczas gdy mapa obrazu (do url), jak sama nazwa wskazuje jest obrazem, który ma klikalny obszar, który jest mapowany do docelowego adresu URL.
Świetna odpowiedź Jon! – Stranger