블로그에 파비콘을 달아보자.

파비콘은 웹사이트나 블로그를 상징하는 작은 이미지를 말합니다. 파비콘이라는 명칭이 생소할 뿐 이미 모든 사람들은 한번쯤은 봤을것입니다.

파비콘은 익스플로러 7.0이상에서 정상적으로 보이며 익스플로러 6.x 이하 버전에서는 보이지 않을 수도 있습니다.

 

파비콘이 적용된 예

 

파비콘을 블로그에 달게 되면 주소표시줄이나 탭, 즐겨찾기 등에 등록한 파비콘이 보이기 됩니다.

파비콘 준비

파비콘은 포토샵이나 그림판등의 그래픽 프로그램을 이용해서 만들 수도 있고 적당한 jpg 이미지를 골라서 아이콘(*.ico)으로 변환하는 방법이 있습니다. 아이콘의 크기는 16x16 크기로 하는 것이 좋습니다.

jpg등의 이미지를 아이콘파일로 변환하는 방법은 웹눈의 웹이야기에 올려져 있는데 파비콘 아이콘 만들기 & 웹사이트에 파비콘 등록하기 & 파비콘 변환해주는 사이트를 참조하면 쉽게 변환이 가능할것입니다.
이미지를 아이콘으로 변환해주는 사이트 : http://www.html-kit.com/favicon/

파비콘 만들기

여기서는 아이콘을 직접 만드는 방법에 대해서 설명하도록 하겠습니다. 만들려는 파비콘이 간단한 구조라면 아주 쉽게 아이콘을 만들 수 있는 사이트가 있습니다.  

1. 아이콘 제작 서비스를 해주는 사이트 http://www.favicon.cc/ 에 접속을 합니다.

 

우측에서 색을 선택하여 배경 및 아이콘을 점을 찍어서 그립니다. 컬러픽커 하단에는 아이콘 제작에 이용되는 툴이 있으므로 적절히 이용하면 쉽게 작성할 수 있을것입니다.

2. 아래는 제가 간단하게 만든 아이콘입니다. 아이콘 만들기가 모두 끝나면 이제 다운로드를 하면 됩니다.


윗 그림 하단의 "Download Favicon" 을 클릭하고 이름을 지정하고 저장을 합니다.

티스토리 파비콘 등록하기 

                 

"티스토리-관리페이지-환경설정-블로그정보"를 클릭해서 위 그림처럼 찾아보기를 클릭하여 파비콘을 등록하고 저장을 하면 됩니다.

이제 블로그에 접속하면 주소란에 멋진 파비콘이 표시될것입니다. 파비콘을 등록해도 인터넷임시파일로 인하여 본인의 컴퓨터에서는 바로 확인이 되지 않습니다. 저 같은 경우는 한 일주일 정도 지나니까 확인이 되더군요. 

지금 바로 나만의 파비콘을 만들어서 등록해보세요! 

※ 이글이 도움이 되셨다면 RSS 구독기로 구독해보세요!   |
댓글은 블로거에게 큰 힘이 됩니다. 트랙백 3, 댓글 36

댓글을 달아 주세요

  1. BlogIcon 뚱채어뭉 2008/12/09 11:53  댓글주소  수정/삭제  댓글쓰기

    아~~~ 그렇지않아도 이건 어떻게 나오나 했는데... 파비콘...!!

  2. BlogIcon 함차 2008/12/09 13:28  댓글주소  수정/삭제  댓글쓰기

    ㅎㅎ..전 그냥..이미지 캡쳐해서 사용하고 있는데..공을 들여야 하는거네요

    • BlogIcon Kay~ 2008/12/09 21:24  댓글주소  수정/삭제

      이미지캡춰해서 해도 되죠. ㅎㅎ
      저 같은 경우도 글자라 만들기가 쉬우니까 직접만들지..
      그렇지 않으면 못 만들거에요!

  3. BlogIcon 오심즉여심 2008/12/09 17:09  댓글주소  수정/삭제  댓글쓰기

    저도 가지고 싶었는데^^

  4. BlogIcon silverfish 2009/01/12 10:28  댓글주소  수정/삭제  댓글쓰기

    오호! 이것도 정말 가지고 싶었는데,이제 디자인만 생각해보면 되겠네요 !!kay님! 근데 혹시 닉네임 바꾸는 방법도 알려주시겠나요?

    • BlogIcon Kay~ 2009/01/13 01:03  댓글주소  수정/삭제

      ^^ 닉네임 변경은 티스토리에 홈페이지에서 로그인한다음
      회원정보에서 변경할 수 있습니다~ ㅋ

  5. BlogIcon 스파게티스토리 2009/01/17 09:39  댓글주소  수정/삭제  댓글쓰기

    말씀대로 했더니..^^ 좋은 글 감사합니다.

  6. BlogIcon 다짱 2009/01/18 08:57  댓글주소  수정/삭제  댓글쓰기

    해봤는데요. 잘된건지 모르겠어요.
    어? 제 블로그엔 이쁜 하트모양이 생겼는데
    댓글에는 고양이밖에는 안나오네요^^

    • BlogIcon Kay~ 2009/01/20 10:42  댓글주소  수정/삭제

      원래 파비콘은 인터넷익스플로러 주소창에 보여지는 것이고
      블로그아이콘은 댓글, 방명록에 표시되는 아이콘이거든요.
      그래서 한개 나오는 것이 정상적인거죠. ^^

      http://ccoma.tistory.com/493 포스트 참고해보세요!

  7. BlogIcon 뤼브로얀 2009/01/20 13:51  댓글주소  수정/삭제  댓글쓰기

    흐음.. 해봤는데요... 파비콘이 익스플로러 주소창에 보여지지 않네요;; 블로그설정에서 파비콘을 올려도 그림이 점으로 보이고.. 나타나질 않습니다 ㅠ_ㅠ.. 뭘 잘못한건지 블로그 이미지는 되는데 ㅠ_ㅠ..

    • BlogIcon Kay~ 2009/01/24 01:02  댓글주소  수정/삭제

      파비콘은 저의 경우 일주일인가? 그 정도 시간이 지나니까 잘 나오는것 같더라고요!
      임시파일때문인지 몰라도 바로 적용이 안되는 경우가 잇더라고요.
      컴을 재부팅하거나 임시파일을 지워보시면 될 수도 있는데..
      특별한 문제 없이 잘 등록을 하셨다면 지금쯤이면 보일 수도 있겠네요.
      저도 처음에 뤼브로얀님과 같은 현상이었답니다.
      그래서 몇번이나 지우고 등록하고 하다가 포기했는데..
      시간이 지나니까 잘 나오드라고요! ^^

    • BlogIcon 뤼브로얀 2009/02/06 10:18  댓글주소  수정/삭제

      와.. 어느 순간 보니 달아져 있습니다^^.. 감사합니다!

    • BlogIcon Kay~ 2009/02/07 02:07  댓글주소  수정/삭제

      ㅋㅋ 파피콘은 달아놓고 잊어버리고 있으면 보인답니다. ^^

  8. BlogIcon apeiron 2009/02/14 18:37  댓글주소  수정/삭제  댓글쓰기

    많은 도움 되었습니다. 이글 말고도 다른 글에도 정말 유익한 정보가 많은 것 같습니다.

  9. BlogIcon '토실토실' 2009/02/24 13:10  댓글주소  수정/삭제  댓글쓰기

    고맙습니다. 블로그 초보라^ㅡ^;
    많은 도움이 될 것 같아요 하핫

  10. BlogIcon 블랙 캣 2009/03/29 12:08  댓글주소  수정/삭제  댓글쓰기

    확인이 안돼요!

  11. BlogIcon 내가모모군 2009/04/17 15:15  댓글주소  수정/삭제  댓글쓰기

    요것도 kay님 덕분에 잘 했습니다!! 좋은 정보 감사합니다. (^^)(__*)

  12. BlogIcon EUNGBONG 2009/04/20 12:13  댓글주소  수정/삭제  댓글쓰기

    파비콘 등록하고 이틀이 지나도 주소창에 표시되지 않아서 궁금했는데...
    1주일 정도 기다려야 나타나는군요.
    덕분에 궁금증을 풀었습니다. 좋은 정보 고맙습니다.

    • BlogIcon Kay~ 2009/04/24 16:10  댓글주소  수정/삭제

      ^^예 아마도 임시파일때문에 그런것 같습니다.
      환경에 따라 바로 적용이 되는경우도 있지만.. 대부분은 조금 늦게 적용이 되더라고요!^^

  13. BlogIcon Coldreaver 2009/04/25 14:29  댓글주소  수정/삭제  댓글쓰기

    감사합니다. ^^ 좋은 정보 잘 보고갑니다.

  14. BlogIcon 랑냥 2009/05/14 13:03  댓글주소  수정/삭제  댓글쓰기

    유용한 정보 감사드려요 ㅎㅎ
    파비콘을 만들었는데,
    구상해서 도면으로 초안한것보다 예쁘게 안나온것같아서
    조금 슬프다고나 할까요 ㅠ
    등록하고 안떠서 걱정이 돼서 다시 읽어봤더니,
    일주일이 지나서야 뜨는 거군요....
    어떻게 뜰지 궁금해 지네요 ㅎㅎ

    • BlogIcon Kay~ 2009/05/14 17:36  댓글주소  수정/삭제

      오호 그래도 구상은 잘 하신것 같은데요.
      다만 파비콘이 작다 보니..
      제대로 보이질 않는문제땜에..
      그래 보일것입니다. ^^

  15. BlogIcon SAGESSE 2009/05/24 21:23  댓글주소  수정/삭제  댓글쓰기

    어젠 만들다 넘 졸려 잤어요!
    손재주가 넘 없어서 힘드네요! 낼은 월욜 힘내세요!

  16. BlogIcon G.Tree of Zax 2009/06/03 18:59  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다~
    사무실에서 일하다 남는 시간에 급한데로 만들어서 따라해봤는데 일단 바로는 확인이 안되네요~
    일주일 걸리셨다고 하시니 저두 일주일 기다려볼려고 합니다. ^^
    사무실 컴이 좀 많이 저사양이라 블로그 보기가 힘드네요. ㅠㅠ