전산실짬밥/기타 유용한 정보
파비콘 (favicon)
정훈승
2011. 5. 3. 11:52
즐겨찾기 혹은 바탕화면에 바로가기를 했을 때 특별한 아이콘을 박아넣는 것을 파비콘이라 한다.
favicon = favorite + icon
즐겨찾기 했을 때는 워낙 아이콘이 쥐똥만해서 16*16 픽셀의 사이즈가 아무 상관없지만
바탕화면에 바로가기 추가하면 영 생긴게 꼴뵈기 싫다.
혹시나 해서 32*32 픽셀의 사이즈로 파비콘을 만들어서 적용시켰더니
어라? 되네?
어떤 개잡놈이 파비콘은 무조건 16*16 으로 하라그랬는데...누구였지?
32*32 픽셀로 하면 바탕화면에 바로가기 저장해도 아이콘이 이쁘게 보존되고
즐겨찾기 추가해도, 주소표시줄에 나타나는 아이콘도 알아서 16*16 픽셀로 적당히 축소되서 출력된다.
이대로라면 물론 64*64 픽셀의 아이콘도 가능하다. 퀄리티는 높아지겠지만 16*16 픽셀로 축소되었을 때를 생각해서
32*32 픽셀로 만드는게 가장 적당한것 같다.
파비콘을 페이지에 삽입할때는 <head>와 </head>사이에 아래의 소스를 직접 입력하면 된다.
<link rel="shortcut icon" href="파비콘 경로">
예 : <link rel="shortcut icon" href="img/favicon.ico">
파비콘은 ico 확장자를 가진다.
포토샵에서 gif나 png만들때처럼 만들면 된다.
포토샵에서 ico로 저장하는 플러그인은 따로 설치해야 한다.
http://hushou.tistory.com/615