Favicon (파비콘) 안보이는 경우 해결하기

파비콘(favicon - Favorites와 Icon의 합성어)이란 인터넷 웹브라우저의 주소창 옆에 붙은 조그마한 아이콘을 말한다. 웹사이트나 웹페이지를 대표하는 아이콘으로 볼 수 있다. 인터넷 익스플로러 6버전에서는 제대로 보이지 않는 경우가 많으나 7 버전이나 기타 웹브라우저의 경우는 이 파비콘이 제대로 보인다. -  위키백과

---

파비콘의 정의를 위키백과에서 찾아보면 위와 같습니다. 쉽게 얘기해서 아래 그림처럼 홈페이지나 블로그를 방문하면 해당 사이트에서 올려둔 대표 아이콘 또는 이미지라고 볼 수 있습니다.

티스토리에서는 이 파비콘을 지원해주고 있는데 (관리자의 환경설정에 들어가시면 있습니다)
이상하게 제 컴퓨터에서는 표시가 되지 않았습니다.

티스토리 스킨에서 정의되어 있는 디폴트 설정으로 안되어서 직접 주소를 기입해보기도 했습니다.

* 기본 설정

<link rel="shortcut icon" href="[＃＃_blog_link_＃＃]favicon.ico" />

+ 참고로 #은 표시를 위해서 특수문자로 대체한 것입니다.

* 직접 주소로 변경

<link rel="shortcut icon" href="http://cfs.tistory.com/custom/blog/36/360786/favicon.ico" />

+ 위 주소는 티스토리 이용자마다 달라집니다.

참고로 티스토리 관리자 센터에서는 이미지를 ico 파일로 변경해주는 사이트로 친절하게 연결해주고 있습니다.

제 경우에는 저 사이트를 통해서 아이콘 파일을 만들었습니다.

< 관리자 센터에서 빨간 색 부분을 클릭하시면 사이트로 연결이 됩니다.>

이렇게 아무런 문제 없이 아이콘을 만들고 파비콘 설정 html도 문제가 없는데 보이지가 않으니 너무 답답한 노릇이었습니다.

인터넷 검색을 통해서 익스플러어의 경우 캐시 문제 등으로 인해서 보이지 않을 수 있다고 해서 임시 파일 싹 지우고, 컴퓨터 리부팅도 몇 번을 했는데 안되더라구요.

포기할까 하다가 다른 이미지로 하면 될까 싶어서 이미지를 변경해봤더니...........

아~~ 적용이 되는 것이었습니다. 감격의 도가니였죠.

근데, 알고보기 파비콘이 적용된 진짜 이유는 다른 것이었습니다.
바로 아이콘의 크기가 문제였습니다.

저의 경우에는 처음에는 티스토리 블로그 아이콘을 그대로 파비콘으로 사용했는데 이 크기가 16x16 사이즈는 너무 작은 듯 해서 24x24 사이즈로 했었거든요.

이미지를 바꿔서 올리면서 무심코 16x16 사이즈로 만든 것이 파비콘 적용의 비결이었습니다.

너무 단순한가요?? ^^

단, 파비콘의 경우 컴퓨터 설정의 영향을 많이 받으니까 이렇게 해서 적용안된다고 해서 돌 던지시면 안됩니다~