[티스토리] 파비콘이 안보일 때 대처법

처음 티스토리 블로그를 운영하면서 제일 걸리적 거렸던게 파비콘이 아닐까 생각됩니다.

아무리 설정을 해봐도 파비콘이 제 브라우저에는 안보이니 이리저리 머리가 지끈지끈합니다.

해결 방법은 아래와 같았습니다. 꼼꼼히 체크해보시기 바랍니다.

1. 파비콘, 당신의 컴퓨터에서는 보이십니까?

 

일단 여러가지 ico 변환 툴이 있지만

티스토리 블로그 환결설정에 있는 http://converticon.com/ 는 잘 되지가 않습니다.

위 페이지에서 바로 ico 파일로 변환해주길래 "아 쉽다~ 간편하고 좋구나!" 하고 쓰신 분들이 있다면 안되시는 분들이 상당수일 겁니다.

 

위에서 만든 ico 파일들은 하나같이 윈도우 탐색기에서 정상적인 아이콘 파일로 인식을 못하더군요..

제가 권장해드리는 사이트는 http://ico.bradleygill.com/index.php 입니다.

저도 여기서 해결봤습니다.

2. 인터넷 익스플로러를 위한 배려

 

인터넷 익스플로러는 아실 분들은 다 아실테지만 유독 IE에서만 파비콘이 잘 안보이는 경우가 많습니다.

파비콘 크기가 조금이라도 크거나 작으면 표시를 못하기 때문이죠.



여러분의 favicon.ico 그림 크기는 16x16(px) 으로 맞춰주세요.

더불어 이런 점에 대해서도 http://ico.bradleygill.com/index.php 사이트를 강추하고 싶네요.

 

자동으로 리사이징까지 해줍니다.

3. 아직도 안나온다면 강제로 지정해버리자.

 

이렇게 하고 블로그 정보에 등록을 했는데도 아직도 안보이신다면 이제 마지막 방법이 남았습니다.

저도 솔직히 이 방법을 쓴 후에 나왔기 때문에 권장하는 방법 중 하나네요.



우선은 여러분의 ico 가 정상적인지 확인부터 해야됩니다.

http://www.make-a-favicon.com/favicon_test.php

위에 들어가신 후 여러분의 티스토리 도메인을 입력해주세요.

(여러분의 도메인은 id.tistory.com 이겠죠?)



그런다음 새 페이지가 나오면 Click to check your favicon 버튼을 누릅니다.

그러면 팝업 페이지가 뜰텐데 그곳에 여러분의 ico 파일이 정상적으로 보인다면 이는 인터넷 익스플로러의 문제입니다.



해당 아이콘 페이지의 주소가 보이지요? 예를 들어 http://cfs.tistory.com/custom/blog/40/407581/favicon.ico 이렇게 말입니다.

그 주소를 복사한 뒤 여러분의 티스토리 블로그 관리자 메뉴 → 스킨 → HTML/CSS 편집을 누릅니다.

그 뒤 icon 으로 검색하면 나오는 줄의 href="값"을 이렇게 바꿉니다.

<link rel="shortcut icon" href="위에서 복사한 여러분의 ico주소" />

이렇게 강제 지정을 해주니 잘 보이기 시작합니다.