간단하지만 생각보다 쉽게 지나쳤던 파비콘에 대해서 포스팅합니다.
"파비콘(영어: favicon, 'favorites + icon') 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다." 라고 위키에 나와있습니다.
위에 보이는 "T" 와 같이 브라우저 상단 탭이나 url 앞의 아이콘을 말합니다.
우리 블로그는 T스토리 아이콘으로 되어있네요!
안타깝게 IE에서는 확인이 안됩니다
대충 무엇인지 알았으니 빨리 적용 방법에 대해 알아봅시다.
바꾸는 방법 :
ico 파일 준비합니다. ico 파일은 이미지파일을 ico 파일로 변환해주는 사이트들이 많으니 이용하시길 바랍니다.
전 구글에서 떠돌아 다니는 ico파일 하나 준비했습니다.
* why ico?
크롬, 파폭에서는 png도 된다고 하나, IE는 ico만 지원하기때문에 ico.
브라우저 별로 png, ico 파일 나눠버리면 크롬이랑 파폭은 ico파일 발견하면 png 파일을 무시한다고 합니다...
그냥 IE를 위해서 .ico파일로 준비하는 것으로 합니다.
준비된 아이콘파일을 html태그의 head사이에 아래 코드를 적용시키면 끝입니다. 간단하죠?
<link rel="shortcut icon" href="/images/LetterU.ico"/>
<link rel="icon" href="/images/LetterU.ico"/>
확인.
