본문 바로가기

소소한 팁들

웹주소 명함 파비콘 만들기




웹주소의 명함 파비콘

우연히 알게되어 며칠전에 해 본 것이다. 크롬에서는 바로 보이던데 맥용 사파리에서는 구현이 안되서 이상하게 생각하고 있었다. 이틀정도 지난 오늘 문득 주소창을 보니 파비콘이 구현되어 있었다. 자세한 메커니즘은 모르겠고 맥용 사파리는 왠지 파비콘을 표시하는데 시간이 걸린다.


많은 블로그에서 파비콘 다는 법을 설명하고 있다. 특히 티스토리 블로그에서 파비콘 다는 법은 간단하다고 할 수 있다. 단지 파비콘은 아이콘 확장자를 가지는데 그것을 생성해주는 사이트에 가서 자신이 원하는 디자인을 아이콘 파일로 변환해 오는게 조금 발품을 파는 일이라 할 수 있겠다.



파비콘을 만들어 주는 여러 사이트들

여러 사이트들이 보이는데 내가 이용한 곳이고 검색에서 상위에 뜨는 곳이다.




http://www.favicon.cc




아래 메뉴에서 보듯이 사이트에서 간단히 아이콘을 만들 수도 있고 원하는 이미지를 읽어와서 변환시킬 수도 있다. 그림을 읽어와서 아이콘 파일로 변환을 선택하면 간단히 만들 수 있겠다.




친절한 티스토리씨

관리로 들어가서 '기본정보'를 열어보면 되겠다.





그리고 앞의 과정에서 만든 아이콘을 찾아보기로 불러오면 끝이다. 내 기억이 맞다면 아이콘은 그림파일 형식이고 파비콘은 ico확장자가 붙은 파일만 선택이 가능하다.



간혹 윈도우즈의 익스플로 등 특정 OS나 브라우저에서 바로 안보인다는 글을 봤는데 

그럴 경우는 며칠 기다려 보는 것도 한 방법이겠다. 다른 브라우저로 보이는게 확인이 된다면 현재의 브라우저에서 안 보일 이유가 없으니까.


찾아서 따라하기 쉽고 많은 이들이 행한 파비콘인데 행여 이 글을 보고 자신의 블로그에 파비콘을 달 수 있다는 걸 인지하게 되고 해보는데 도움이 됐으면 한다.