2012-09-13 2 views
6

이미지 맵과 CSS 스프레이의 명확한 차이점을 찾을 수 없습니다. 둘 다 페이지의 이미지를 하나의 이미지로 결합하는 것처럼 보입니까? 따라서 우리는 서버에 대한 다중 요청을 줄일 수 있습니다. 그렇다면 진정한 차이점은 무엇입니까?이미지 맵과 CSS 스프리트의 차이점

답변

7

이미지 맵 :

페이지에서 하나의 이미지, 다른 지역과 당신이 클릭 할 수있는 다음 다른 효과를 (예를 들어, 다른 링크를 실행)이있다. 여기에 대한 설명이있다

: http://www.javascriptkit.com/howto/imagemap.shtml

CSS 스프라이트 : 성능 향상을 하나의 파일로 CSS 클래스의 숫자 뒤에 이미지를 결합

- 예를 들어, 종종 전체 요청 수와 감소를 다운로드 크기.

예를 들어 색상 상자 대화 상자의 다양한 테두리 요소를 단일 이미지로 결합하거나 클릭 한 이미지와 클릭하지 않은 이미지를 결합하여 버튼을 만들 수 있습니다.

내가 CSS 스프라이트의 발견했습니다 가장 좋은 설명이 하나입니다 http://css-tricks.com/css-sprites/

+2

위대한 답변 Jon! – Stranger

1

이미지 맵은 이미지 맵으로 바뀔 수 있고 이미지 위에 여러 링크를 배치 할 수있는 하나의 이미지입니다.

CSS 스프라이트는 HTML 페이지를 줄이기 위해 CSS 배경 배치를 사용하는 여러 개의 이미지로 구성된 하나의 이미지입니다.

0

이미지 맵이 분야에 이벤트에 반응 할 수 있도록 이미지 위에 누워 좌표의 정의입니다.

CSS 스프라이트는 하나의 이미지에 두 개 이상의 이미지가 결합되어 있습니다.

0

1 년 전에 물어 보았습니다. 제 자신의 말로 설명해 드리겠습니다.

CSS 스프 라이트는 CSS를 통해 이미지의 일부를 꺼내 웹 페이지 부동산의 임의 영역에 개별적으로 배치 할 수있는 반면, 이미지지도 (투 URL)는 이름에서 알 수 있듯이 타겟 URL에 매핑되는 클릭 가능한 영역이있는 이미지입니다.