stylesheet1 CSS 이미지 스프라이트 (Image Sprite) 1. 개념 이미지 스프라이트(Image Sprite)란? background-image로 사용될 여러 개의 이미지들을 한 개의 이미지로 묶은 후, 각 이미지가 필요한 곳에서는 해당 이미지만을 보여주도록 background-position을 조정해주는 기법입니다. 왜 사용해야 하는가? 페이지 접속 시 서버에게 전송하는 요청(Request)의 개수를 최소화하기 위함입니다. 이미지 스프라이트 비교표 스프라이트는 수직 정렬(Vertical) 타입과 바둑판(Tile) 타입 중 필요한 것을 선택하여 사용합니다. 수직 정렬 타입의 스프라이트는 이미지 개수가 늘어남에 따라 공간 또한 늘어나서 용량 이슈가 발생하므로, 모바일 환경에서는 바둑판 타입의 스프라이트를 사용하도록 합니다. (위 비교표 참조) 각 스프라이트 집합.. 이전 1 다음
