파비콘이란?



주소표시줄 옆의 아이콘을 파비콘이라고 합니다.
제 블로그의 파비콘 설정을 해 보았습니다.

 
 구글
http://www.google.co.kr
 
 네이버
http://www.naver.com
 
 네이트
http://www.nate.com
 
 야후
http://www.yahoo.co.kr
 
 다음
http://www.daum.net

위의 파비콘은 이름만 들으면 알수 있는 유명한 웹 포털사이트 파비콘 입니다. 파비콘만 보아도 어느 웹 포털사이트인지 어느정도 아시는 분도 많을 것 입니다. 이렇듯 사이트의 파비콘만 보아도 그 사이트를 알 수 있을 정도로 파비콘의 중요성은 대단합니다.

파비콘을 만들어서 설정하고 싶은데 방법을 모르시는 분들이 많이 있는 듯 해서 이렇게 방법을 제시합니다. 파비콘은 그림파일 중에 ico 파일로 설정할 수 있습니다.

 파비콘 박스 닷컴에서 간단하게 파비콘 생성
 

파비콘 박스 닷컴 바로가기  →  http://www.faviconbox.kr/index.php

파비콘을 만드는 유틸리티도 있고, 파비콘을 만들어 주는 사이트도 많이 있습니다. 유틸리티는 설치를 하기 때문에 저는 주로 파비콘을 만들어 주는 사이트를 많이 이용합니다. 파비콘을 만들어 주는 사이트는 많지만 그중에서 파비콘 박스 닷컴을 이요하는 이유는 한글로 되어 있어서 편하기 때문입니다.[각주:1]


1. 이미지 파일 선택을 선택하세요.[각주:2]
2. 파비콘 만들기 클릭하세요.


파비콘 만들기를 클릭하시면 파비콘이 생성되어 다운로드 할 수 있습니다. 파비콘은 일반 ico 파일과 애니메이션 파비콘을 지원해 줍니다. 애니메이션 파비콘이란 파비콘의 그림이 좌측이로 이동하는 것 입니다.

 웹페이지에 파비콘 적용하기
 

1. 티스토리 블로그 파비콘 적용 방법
     

관리자 모드 → 환경설정 → 블로그 정보로 이동합니다.


아이콘 목록중에서 파비콘을 등록하는 곳이 있어서 쉽게 블로그 파비콘을 적용할 수 있습니다.

2. 파비콘 박스 닷컴에서 알려주는 파비콘 적용 방법
     

1) "파비콘 다운로드" 를 클릭한 뒤 압축을 풀면 favicon.ico 파일이 추출됩니다.
2) favicon.ico 파일을 웹사이트/블로그등이 설치된 FTP 계정에 업로드합니다.
3) index.html 등 웹페이지 첫화면이 되는 html 파일을 열어 <head> 태그와 </head>태그사이에 아래 코드를 넣습니다.

<link rel="shortcut icon" href="favicon.ico">

4) 압축을 푼 디렉토리에서 다양한 사이즈의 미리보기 그림파일과 TXT 파일 도움말을 참조할 수 있습니다. 이제 모든 파비콘 설치과정이 끝났습니다! 브라우저를 새로 열어 해당 주소를 방문하시면 파비콘이 출력될것입니다.
5) 익스플로어 6.0 이하는 파비콘이 잘 보이지 않습니다. 파이어폭스 또는 익스플로어 7.0 등을 사용해 테스트 하세요.



  1. 아무리 좋은 기능이 많은 사이트여도 영어로 나오면 우선 거부반응부터 일어나더군요 [본문으로]
  2. PNG,JPEG,GIF 파일만 되는 것 잊지 마세요! [본문으로]

야이노마

» Contact Me: yainoma00@gmail.com




1