홈페이지에 파비콘을 (favicon.ico) 넣어보세요

 

 

파비콘(favicon)이 무엇인가요?

favicon1.jpg

 

파비콘은 가로 세로 16픽셀의 이미지입니다.

우선 포토샵을 이용해 정사각형 16픽셀의 이미지를 만들어보세요.

저는 아주 간단하게 R 글자를 찍었습니다.

1. 포토샵에서 우선 jpg 파일로 저장해 주세요. 

 

2. 그리고 다음 사이트에 들어가셔서 jpg를 ico으로 변경해 주시면 됩니다.

http://www.html-kit.com/favicon/

 

영어사이트이지만 크게 어려운 것은 없습니다.

[찾아보기]를 눌러서 이미지 등록하시고 그 아래 [Generate Favicon.ico] 버튼을 눌러주세요.

 

그리고 아래 쪽에 나오는 다음 글자 부분을 마우스 우클릭 하시고

Download only favicon.ico

[다른이름으로 대상 저장]을 하시면 내 컴퓨터에 favicon.ico 파일을 저장할 수 있습니다.

 

3. FTP로 index 파일이 있는 곳에 (가장 첫 폴더) 업로드 해주세요.

 

4. 그리고 index의 <head>와 </head>사이에 다음 소스를 넣어주시면 됩니다.

<link rel="shortcut icon" href="./faviconico">

저처럼 제로XE를 쓰신다면 레이아웃의 헤더 스크립트 부분에 넣어주시면 됩니다.

 

참 쉽죠? ^^

이 게시물을...