용어집 · 포맷
스프라이트
작은 이미지 여러 개를 하나로 모은 이미지예요. CSS로 부분씩 잘라서 보여줘요.
자세히
스프라이트는 예를 들어 애니메이션의 프레임 12개나 여러 아이콘을 파일 하나에 모아요. 배너는 CSS(background-position)로 이미지를 움직이거나 잘라서 각 부분을 보여줘요.
패키지의 파일 수를 줄이고 프레임 단위 애니메이션을 만들 때 써요. 한계는 모든 이미지와 같아요. 모든 프레임을 합친 만큼 용량이 나가요.
예시
용어집으로 돌아가기background-position: -300px 0;