위키
포럼
도구
바뀐글
랜덤

패비콘

Jmnote (토론 | 기여)님의 2014년 2월 2일 (일) 13:59 판

1 개요

favorite icon; favicon, shortcut icon, Web site icon, tab icon, bookmark icon
/var/www/html/favicon.ico[1]
파비콘, 패비콘, 즐겨찾기 아이콘
  • 웹사이트나 웹페이지를 대표하는 아이콘
  • 브라우저의 주소창 왼쪽, 탭 아이콘으로 표시됨
  • 크기: 16x16(기본), 32x32(확장)...[2]

Wikipedia favicon in Firefox on KDE.png

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 같이 보기

5 주석

  1. ↑ 기본 위치가 그렇다는 것. 본문 예시처럼 다르게 설정해도 아무 문제 없다. http://jmnote.com/favicon.ico
  2. ↑ 브라우저에 따라 그 이상도 가능

6 참고 자료

원본 주소 "https://zetawiki.com/w/index.php?title=패비콘&oldid=51588"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}