이미지 스프라이트

See the Pen 이미지 스프라이트 by nilgi (@nilgi) on CodePen.

 

이미지 모음중 원하는 부분만 표시하는 방법이다. 이미지를 하나만 불러오기 때문에 로딩이 빨라진다.

background: url('이미지 주소') 0px 0px; // 이미지 위치 왼쪽px 상단px;

 

실제 이미지는 4개가 아닌 위 한가지만 불러와 표시하고 싶은 부분을 정하는거다.