백그라운드 표현1 [CSS]이미지 스프라이트 / IR 효과 / 백그라운드 표현 이미지 스프라이트(Image Sprite) 이미지 스프라이트란 여러 개의 이미지를 하나의 이미지로 합쳐서 관리하는 이미지를 의미합니다. 이미지를 다운받기 위한 서버 요청과 로딩 시간을 단축해주는 효과가 있습니다. 또한, 많은 이미지 파일을 관리하는 대신 몇 개의 스프라이트 이미지 파일만을 관리하면 되므로 매우 간편합니다. 이미지 스프라이트의 장단점 장점 단점 이미지 로딩 속도가 최적화 됩니다. 상황에 따라 유지보수가 어려울 수 있습니다. HTML 마크업이 간결해지고 스크린 리더의 탐색 속도가 향상됩니다. 데이터 관리에 문제가 생기면 이미지의 로딩이 불가능합니다. 하나의 파일만 관리하면 됩니다. 1. Figma 예시 다음은 피그마를 이용해 제작한 이미지 스프라이트 예시입니다. 아이콘들은 50px씩 간격을 .. 2022. 8. 20. 이전 1 다음 728x90
