파비콘 만들기 (favicon)

 

 

 

파비콘은 favorite icon을 줄인 말로 인터넷 주소창이나, 즐겨찾기를 했을때 옆에 보이는 작은 아이콘을 말합니다.

 

 

먼저 16x16으로 파비콘으로 사용할 이미지를 제작합니다. (확장자는 png, gif, jpg로 저장해 주세요.)

 

이미지 제작이 끝나면 ico로 변환해 줘야하는데 아래 사이트에 접속하여 변환이 가능합니다.

(ico 변환을 여러곳에서 해봤는데, 아래 사이트에서 변환한 ico 파일만 제대로 작동을 했습니다. 같은 소스로 코딩을 했는데 말이에요~)

 

 

 

url : http://www.favicon-generator.org

 

 

 

위 사이트에 접속해서 찾아보기를 클릭하고, 이미지를 등록합니다.

generate only 16x16 favicon.ico를 선택한 후 create favicon을 클릭하면 변환된 ico 파일을 다운받을 수 있고, 삽입 소스까지 친절하게 띄워줍니다.

 

그 소스를 카피해서 html head 사이에 첨부하던지 아래소스를 카피해서 넣어주세요.

아래는 파비콘 설정 소스입니다.

<link rel="shortcut icon" href="파비콘 주소" type="image/x-icon">
<link rel="icon" href="파비콘 주소" type="image/x-icon">