테스트 사이트 - 개발 중인 베타 버전입니다

대형사이트들 보면 이미지 하나에서 아이콘 한개씩 쓰던데 어떻게하는건가요! 채택완료

비코즈 4년 전 조회 2,229

 

SSG인데

저런 통이미지에서 아이콘을 한개씩 빼다 사용하던데

어떻게 하는건가요... 저렇게사용하면 이미지 경로가 하나인데 ..

아시는분~~~있으실까요~~~

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
j
4년 전

포토샵으로 열어서. 

내가 어떤 높이와 넓이로 레이아웃을 구상할건지 생각한후.

아이콘의 위치를 px값으로 계산하여

홈페이지에서 background-position: 가로축, 세로축 ;  으로 넣어주어야 합니다.

 

저렇게 사용하는 이유는 여러 img 를 사용할 필요가 없어 홈페이지 관리에 용이하고 추후 추가되는 것은

합병으로 다시 제작하면 되기에 용량 속도 면에서 유리합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Policia
4년 전

해당 css 기법을 이미지 스프라이트라고합니다

 

사용방법은

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS

이걸 참고하시면될듯합니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인