반응형 이미지 스프라이트1 이미지스프라이트 입사 초기에 마크업 공부한답시고 네이버 홈페이지에서 개발자도구 키고 따라치면서 분석했던 적이 있다. 그냥 똑같이 따라치는데, background-image가 이렇게 되어있어서 심히 당황했었다. 그렇게 몇달이 지나고 오늘, 이미지 스프라이트 라는 것을 알게 되었다. 이미지 스프라이트 기법 여러 이미지를 모아 하나의 스프라이트 이미지로 만들고 CSS의 background-position 속성을 사용해 이미지의 일정 부분만 클래스 등으로 구분하여 사용하는 방법 해당 기법을 사용하면 한번의 이미지 요청으로 대부분의 개별 이미지를 사용할 수 있기 때문에 네트워크 로딩 시간을 줄일 수 있다. 또한 많은 이미지 파일을 개별로 관리하지 않고 특정 스프라이트 이미지만 관리하기 때문에 유지보수가 용이하다. 우리 회사도 적.. 2022. 5. 13. 이전 1 다음 반응형