대형사이트들 보면 이미지 하나에서 아이콘 한개씩 쓰던데 어떻게하는건가요!
본문
SSG인데
저런 통이미지에서 아이콘을 한개씩 빼다 사용하던데
어떻게 하는건가요... 저렇게사용하면 이미지 경로가 하나인데 ..
아시는분~~~있으실까요~~~
답변 2
포토샵으로 열어서.
내가 어떤 높이와 넓이로 레이아웃을 구상할건지 생각한후.
아이콘의 위치를 px값으로 계산하여
홈페이지에서 background-position: 가로축, 세로축 ; 으로 넣어주어야 합니다.
저렇게 사용하는 이유는 여러 img 를 사용할 필요가 없어 홈페이지 관리에 용이하고 추후 추가되는 것은
합병으로 다시 제작하면 되기에 용량 속도 면에서 유리합니다.
해당 css 기법을 이미지 스프라이트라고합니다
사용방법은
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS
이걸 참고하시면될듯합니다
답변을 작성하시기 전에 로그인 해주세요.