[CSS] 이미지 스프라이트 기법 (IS)

1. 이미지 스프라이트란? 아이콘, 버튼 같은 자주 쓰이는 이미지 파일들을 하나의 파일로 제작한 후, background-position 속성을 이용하여 이미지를 배치하는 방법입니다. velog.io/@untiring_dev/HTMLCSS-Day31.-이미지-스프라이트-기법 쉽게 말해서 각각의 이미지 파일을 개별적으로 사용하는 것이 아니라, 하나의 파일에서 각각의 이미지를 가져오는 방식을 말합니다. 이미지 스프라이트는 img 태그가 아니라, css의 background-image 속성을 사용하여 처리합니다. **이미지 스프라이트를 사용하면 img 태그가 아닌 background-image 로 처리되기 때문에, alt 속성을 지정할 수 없습니다. 따라서 아이콘, 로고와 같이 의미상 크게 중요하지 않고 디자인을 목적으로 하는 경우에 사용합니다. 만약 이미지에 의미를 부여해야 한다면, IR 기법을 추가로 사용합니다. 2. 장점과 단점 1) 장점 페이지의 로딩 시간이 줄어듭니다. 서버의 요...

원문링크 : [CSS] 이미지 스프라이트 기법 (IS)