내 홈페이지, 파비콘 적용하기

브라우저를 이용하다보면 

 

이렇게 탭에 웹 사이트 타이틀이 나오고

왼쪽에 아이콘이 하나 나오는데 저 아이콘을 파비콘이라 부른다.

파비콘은 브라우저마다 다르지만 타이틀 앞에도 있지만

이렇게

  

↑인터넷 익스플로러에서의 즐겨찾기 ↑크롬에서의 북마크

즐겨찾기,북마크,책갈피 등에서도 쓰이고 있다.

이 파비콘을 우리 웹사이트에도 적용해보려고 한다.

준비물 -> 먼저 파비콘 파일이 필요한데,

파비콘은 png,jpg,gif 등의 이미지 파일이 아닌 'ico'확장자를 가진 파일이어야 한다.

(웹검색을 하다보면 png를 ico로 바꾸는 방법이 많이 나와 있으니 참고하세요.)

필자같은 경우는 '애플웹'이라는 컨셉의 페이지를 운영하고 있으므로. 애플 아이콘을 파비콘으로 쓰고 있다.

 

파비콘 파일을 준비했으면 각자 호스팅에 올려주시고.

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

href 속성내에 파비콘 경로를 써주면 된다.

*파비콘은 기본적으로 루트에 favicon.ico를 쓰면 해당 페이지의

파비콘이 자동적으로 지정되지만, link 태그를 이용해 지정해 주는것이 일반적이다.