이런 png를 쓰는 이유 알고싶네요.
네이버 css 참고하다가
png파일이 있길래 뭔지 봤더니
이런식으로 아이콘들을 다 하나의 파일로 만들어놨더라구요.
배경 포지션이랑 너비 높이로 자르는 듯 하더라구요.
예전에 네이버 블로그에서 이런 방식에 대해서 본 적 있는데,
Q. 이런 방식의 장점이 있다면 뭔지 궁금합니다.
그리고 이런걸 만들때는 어느정도의 크기여야 좋은지?도 조금 궁금하군요,
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 21개
장점은 속도빠르고 관리가 쉽고
단점은 초보에겐 적용이 어렵고요..
숙달되면 괘안을듯..
작은 [1] 모양을 표현하기 위해 저렇게 큰 이미지를 다운받게되는것 아닌가요?
아니면 혹시 제 생각에는
저렇게 큰 이미지를 딱 한번 다운받으면
다른 곳에서는 다운을 받지 않게 되는건가요??
처음에 적용이 정말 어렵지만 한두번만 해보면 아주 쉽고 편리해요~
캐쉬삭제를 하지 않는 이상요
또 한가지 첫 메인 페이지 접속시에 로딩 시간은요?
물론 상황에 따라서 좋을수는 있지만요.
gif 는 색상한계가 256컬러라 제약이 좀 있는 반면 용량은 png 에 비해서 훨씬 작습니다
통파일로 만드는 이유는 작은이미지 수십개 로딩하는것보다 속도가 빠르기 때문이구요..
그냥 적용하기 쉽고 수정하기 쉽게..
낮게 이미지 사용..
진짜 저거 수정하거나..할려면...
손에 안익어..흠냐..
스프리트 이미지를 사용을 않하게 되더라구요...
베짱이처럼...ㅎㅎ
아무리 작은 이미지라도 http request 각각의 헤더도 작지 않다고 (200B ~ 2KB) 알고 있습니다. ^^
그래서 대부분 동시접속자가 꽤 많은사이트에서는 저렇게 사용합니다.
속도는 글쌔요 ㅋ
그정도로 속도올리시는데 많은 역활을 해줍니다!
이미지는 캐시 파일을 사용하게 되니 아무래도 서버에 부담이 덜 할 것으로 보입니다.
근데.... 어떻게 만들고 어떻게 쓰는건지...
부터... 배워야 ....할 것 군요...
요청이 많으면 서버나 클라이언트 모두 속도가 느려집니다.
http://developer.yahoo.com/performance/rules.html#num_http
http://www.hoons.net/lecture/view/371