패비콘

1 개요

favorite icon; favicon, shortcut icon, Web site icon, tab icon, bookmark icon

파비콘, 패비콘, 즐겨찾기 아이콘

• 웹사이트나 웹페이지를 대표하는 아이콘
• 브라우저의 주소창 왼쪽, 탭 아이콘으로 표시됨
• 크기: 16x16(기본), 32x32(확장)...

2 HTML 태그

ico 파일

<link rel="shortcut icon" href="http://www.example.com/myicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="http://www.example.com/myicon.ico"/>

png, gif 파일

<link rel="shortcut icon" type="image/png" href="http://www.example.com/myicon.png"/>
<link rel="shortcut icon" type="image/gif" href="http://www.example.com/myicon.gif"/>

3 예시

32x32

<img src='http://g.etfv.co/http://www.daum.net' /> <img src='http://g.etfv.co/http://www.nate.com' /> <img src='http://g.etfv.co/http://www.google.com' /> <img src='http://g.etfv.co/http://www.wikipedia.org/' />

16x16

<img src='http://g.etfv.co/http://news.naver.com' /> <img src='http://g.etfv.co/http://www.facebook.com' /> <img src='http://g.etfv.co/http://www.twitter.com' />

4 기본 위치

• 웹루트(DOCUMENT_ROOT)의 favicon.ico

/var/www/html/favicon.ico

• 다르게 설정해도 아무 문제는 없다.

5 같이 보기

• 즐겨찾기
• 아이콘

7 참고 자료

• http://en.wikipedia.org/wiki/Favicon
• http://terms.naver.com/entry.nhn?docId=864878&cid=2954&categoryId=2954