이미지 스트라이프 장단점
심플이
네이버 메일을 보면, 아래와 같은 1장의 그림파일로 돌려쓰는데요.
이유는 속도 하나 일까요?
의미가 있는 아이콘들이 많은데 다 배경으로 넣는거는 웹접근성에 위배되자나요.
유지보수시에도 배경기법은 어렵다고들 하던데요.
저같은 경우엔 솔루션 개발중이라 네이버처럼 버튼이나 타이틀이 많은대요.
이렇게 하는게 좋을까요? ㅠ_ㅠ 확실히 속도는 나던데 테스트해보니...
그리고 이미지를 배경으로 쓰는데 마우스오버하면 다 alt처럼 이미지설명은 나오더라구요?
title을 준걸까요? @_@
-
하예라
네이버만큼 수많은 사람들이 접속하는 서비스일수록 저런 최적화작업은 필수인 것 같아요.
유지보수 뿐만 아니라 프로젝트 진행시에도 스프라이트가 작업에 굉장히 저해가 되기는 해요.
물론 혼자 프로젝트 진행시에는 아무 문제가 되지 않으나 2명 이상, 특히 작업자가 늘어날수록 난감하죠.
만약 내가 3번째줄까지 작업된 이미지 파일이 있어서 4번째줄부터 시작했는데 다른분도 같이 그렇게 작업해버린다면 다시 겹치지 않게 수정해줘야하고.. 모든 작업자가 저 부분에 신경을 -
바나나맛캔디
이제 뭐 스프라이트는 필수고.. 전략이 중요하겠죠.
효율적이고 편리하게 스프라이트를 제작하고 사용하는법에 대한.. -
환찬
사람에 따라서 어떤 분은 유지보수가 어렵다 하시고, 누군 더 쉽다하시네요~
일반홈피가 아닌 요런 널리 배포되는 솔루션이나 속도가 중요한 것은 스프라이트 기법이
더 알맞는것 같긴하네요... -
동이
가장큰 이유는 역시 서버 요청횟수를 줄이기 위함이죠.
그리고 이미지를 각각 저장하는것보다 하나에 넣는게 더 이득이고, 무엇보다 한번의 이미지 로딩으로 저 수많은 이미지들이 캐쉬되어있기때문에 로딩에 따른 깜빡임 문제도 없어지죠.
어차피 어느곳에 배치하던 좌표를 지정해서 사용하기때문에 유지보수에도 그닥 큰 문제는 없습니다. 다만 이미지를 저장하기전에 이전에 작업해놓은 pds등은 따로 관리하는게 좋겠죠.
그리고 img 태그에도 따로 src에는 더미 이 -
라라
a, img 등등의 태그에 title 이 들어갈경우 마우스를 올리면 title 이 나와요
-
향율
속도도 그렇고 서버 리퀘스트를 줄여주는 효과가 있죠.
저 모든 아이콘들을 하나하나 서버로부터 받으려고 하면 그만큼 부담이니까요..
그리고 의미가 있는 아이콘들은 텍스트를 포함하면 되지 않을까요?
그리고.. 일정한 규칙만 정해놓으면 그닥 어렵지는 않더라고요 ㅎ