몇년전의 이야기입니다 : )...
함께 생각해보고자 올립니다.

어렸을적에 RPG Maker라고하는 턴제 RPG를 스스로 만들어 볼 수 있게 만든 툴이있었습니다
(현존하고있지요^^ 많은 커뮤니티들도 있고..)

거기에 보면 맵 칩 이라는것과 캐릭터 칩등의 칩 이라는 표현을 쓰는 이미지의 꾸러미가 있습니다.


 

바로 위와같은것이 칩입니다.
툴에서 이것들을 불러올땐 해당이미지의 좌표값으로 부르게 됩니다.
(VB나 VS등의 툴을 써 보신분이라면 익숙하실겁니다)

사실 저것은 특정툴로 제작한 실행프로그램에서나 쓰이는것인줄로만 알았는데,
생각해보니 CSS로도 되지 않을까 하는 생각을 했었습니다.
그리고 발견한것이 다음넷에서 쓰는 웹이미지칩입니다(그냥 스스로 그렇게 부르고있습니다^^;)
(사실 다음넷에서 예전에는 다음넷에서 쓰는 이미지를 모두 한칩안에 넣어두고 ver01.png 이런식으로 지명하긴했지만, 최근에는 서비스마다 분류해서 칩을 쓰고있습니다.)


(위) 이 칩의 이름은 'ico_v03.png'입니다. 분석해보니, 공동으로 개발하다 보니, 자신이 맡은 영역에 대해서만 칩을 분리해서 쓰는것 같았습니다.

하나의 이미지에 모두 넣어두면 장점이 큽니다.


css에서 background:속성으로 불러내고, 한번만 불러내면 cache되기 때문에, 더이상 로드의 부담이 없습니다.
하나의 파일만 읽어들이고 나머지는 좌표조절하기 때문에 이미지가 하나하나 따로 관리될때보다 훨씬 유지보수가 쉽습니다.

요즘 일명 DTD버전을 제작하시는 분들이 많이 있습니다.
스킨을 제작하시거나 테마를 제작하실때, 이미지를 일일이 자르지마시고, 이렇게 하나의 칩으로 관리하셔서
작업을 하시면 좀더 최적화된 개발을 하실 수 있을겁니다.





오늘부터 한번 이미지칩을 만들어 써보시지 않으시렵니까^^?