정보실

웹학교

정보실

html 파비콘(favicon)에 대하여

본문

브라우저 왼쪽 상단에 보면 작은 이미지가 있습니다. 물론 브라우저 밴더에서 기본 제공하는 이미지도 있습니다만 회사마다 고유 모양의 이미지가 보입니다. 이것을 파비콘(favicon)이라고 합니다.

이것은 윈도우의 ICO화일형식으로 16x16픽셀 그래픽 파일입니다. 최근 브라우저는 다른 크기 및 다른 파일 형식도 지원하고 있습니다.

 

파비콘 만들기

개인PC에서 파비콘을 만들기 위해서는 윈도우 설치시에 함께 설치되는 그림판을 이용하거나 별도 프로그램을 설치하여 그려야 합니다. 그리고 ICO로 지원하는 프로그램을 찾거나 변환하는 프로그램으로 작업을 해줘야 합니다.

그런데 온라인으로 지원하는 곳이 꽤 있습니다.

http://antifavicon.com/ 

http://favicon.htmlkit.com/favicon/ 

http://www.degraeve.com/favicon/ 

http://www.favicon.cc/ 

 

파비콘 사용하기

파비콘을 사용하기 위해서는 HTML을 열어서 HEAD안에 아래 코드를 삽입해야 합니다.

<link rel="shortcut icon" type="image/x-icon" href="http://www.365ok.co.kr/favicon.ico" />  

위에서 365ok.co.kr 대신에 여러분의 도메인 주소를 입력합니다.

 

최신 브라우저들이 지원하는 다른 이미지 타입일 경우는 다음과 같이 태그를 사용합니다.

<link rel="icon" type="image/gif" href="http://www.365ok.co.kr/favicon.gif" />

또는

<link rel="icon" type="image/png" href="http://www.365ok.co.kr/favicon.png" /> 

 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 368회 ]  작성일15-05-13 15:51

웹학교