이미지 스프라이트1 [CSS] 이미지 스프라이트 (Image Sprite) 이미지 스프라이트 (image sprite)란? 스프라이트(sprite)는 컴퓨터 그래픽스 용어로 비트맵 이미지나 애니메이션을 합성하는 기술을 뜻한다. 웹에서 이미지 스프라이트란 여러 개의 이미지를 하나의 이미지로 합쳐서 관리하는 것을 의미한다. 즉 여러 사진들을 붙여서 하나의 이미지를 만든다는 것이다. 아래 사진은 네이버에서 사용 중인 스프라이트 이미지 파일이다. 원리 이미지 스프라이트는 스프라이트 이미지에서 사용할 이미지의 정확한 width, height를 알아야하며, 스프라이트 이미지 상에서의 position 값도 알아야한다. 이후 적절한 background-position값과 width, height값을 적용하면 필요한 이미지만을 출력할 수 있다. 장점과 단점 장점 여러 이미지를 하나의 이미지로 .. 2022. 5. 13. 이전 1 다음