작은 이미지들을 하나의 큰 파일에 넣어두고 사용하는 방법

많은 작은 이이콘들을 하나씩 웹서버에 요청하면, 서버에 더 큰 부하가 가해지게 된다.
그래서 아이콘들을 파일 하나에 모아담아서 한번에 내려보내는 방법으로 서버의 부하를 감소시키는 방법을 사용한다.

큰 이미지 중에서 필요한 작은 영역만 표시하는  방법은 다음과 같다.

<img

style="
min-width: 0px; min-height: 0px; max-width: 99999px; max-height: none;
border: 0px none;
display: block;
position: absolute;
-moz-user-select: none;

clip: rect(10px, 43px, 46px, 10px); 
top: -10px; 
left: -10px; 
width: 644px; 
height: 946px;" 

src="..."
>