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 사이즈로 만든 것이 파비콘 적용의 비결이었습니다.

너무 단순한가요?? ^^

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


본 포스팅 이후에 좀 더 파비콘 오류에 대해 분석하는 글을 올렸습니다.
꼭 같이 봐주세요.^^

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

  • 몰랐던 정보였는데 해결 할 수 있겠네요...^^ 감사합니다.

  • 전 16x16으로 해서 올렸는데도
    파비콘 적용이 안되네요..
    미리보기 하면 이미지가 있거든요..
    아~ 답답..

    • 우선 이 방법으로 해결이 안되어서 죄송합니다.
      새로운 해결방법을 포스팅했습니다.
      한번 참고해보시기 바랍니다.

  • 다른 블로그에 댓글을 달때는 파비콘이 나오는데,
    정작 제 블로그에는 안되니 이상하네요.
    왜 그럴까요.

    • 질문하신 내용이 댓글 또는 방명록 작성시 필명 앞에 붙는 아이콘이 표시되지 않는다는 것이지요?
      (참고로 홈페이지 아이콘 즉 파비콘은 밥도둑님 블로그에 들어가면 주소표시줄에서 정상적으로 보이시네요.^^)

      만약 위의 질문이 맞다면 티스토리 관리자의 "플러그인" 메뉴에서 "블로그 아이콘표시" 또는 "홈페이지 아이콘 표시"를 활성화시켰는지 확인 부탁드립니다.
      이 플러그인이 활성화되어야 설정한 블로그 아이콘이나 파비콘이 출력이 되거든요.

      참, 둘 다 활성화시키면 2개 모두 표시되니까 참고하시구요.

    • 아...이제 됩니다.
      플러그인 메뉴에서 아이콘 표시 설정을 하지 않았네요.
      감사합니다.

  • 저 같은 경우에는 이글루스 블로그 유저인데 댓글 달때만 파비콘이 적용이 안되네요. 이런 경우는 어찌 해야 하는건지 아시는분 계신가요?

    • 지금 블로그 가보니까 파비콘이 아주 잘 나오시던데, 해결 하신 것 같아요^^

      p.s. 그동안 블로그 관리를 못해서 이제서야 답글을 달게 됐습니다. 너무 죄송합니다. ㅠㅠ

Write your message and submit