CSS
이미지 스프라이트
yeji717
2021. 2. 23. 16:14
이미지 스프라이트(image sprite)란 여러 개의 이미지를 하나의 이미지로 합쳐서 관리하는 이미지를 의미.
사이즈를 최소화하고 서버 요청 횟수를 최소화하는 방법.
여러개의 이미지를 각각 다운 받는 것보다 한번에 다운 받은게 효과적이다.
- 이미지 스프라이트 기법은 백그라운드를 통해 표현
- 대체 문자는 IR 기법으로 표현
- 이미지의 위치는 background-position으로 설정
- 이미지의 스프라이트는 이미지 관리 및 수정이 편리함
- 이미지의 스프라이트는 해상도 별 이미지 관리에도 많이 쓰임