파비콘을 만들어보자

1. 파비콘이란?
익스플로러 주소창을 보면 몇몇 사이트들에서 주소(http://~~) 옆에
그 사이트를 대표하는 아이콘이 보이는 것을 본적이 있을 것이다.
지금 JUNN.NET의 파비콘을 사용하고 있다. 안보이는 경우는 인터넷 옵션에서
기존 인터넷파일을 삭제하고 새로고침을 하면 보일 것이다.
(참고로 피아노를 파비콘으로 만들었다. 피아노처럼 안보인다고 따지지 말아주시길…)

2. 파비콘으로 쓸 수 있는 파일은?
기본적으로 .ico 파일이 쓰인다. 이 파일은 실제 바로가기 아이콘으로도
쓰일 수 있는 파일이다. 기본 규격은 64×64라고 알고있는데 파비콘의 사이즈는
16×16이다. 만약 사이즈가 다를 경우 파비콘이 일그러져 보일 수 가 있다.

3. 어떻게 만드는 건가요?
ico만드는 방법은 여러가지이다.
(1) 그림판으로 대충 만들어서 bmp로 저장한 후에 확장자만 ico로 바꾼다.
(2) ico제작 전용 툴을 이용한다.
(3) 포토샵을 이용해 만든 후에 ico확장자로 저장한다.

(1)의 경우 가장 단순하고 쉬우나 bmp파일 자체가 투명한 픽셀을 기록하지
않기 때문에 이런 방식으로 만들 경우 배경이 하얀 파비콘이 만들어질 것이다.
(2)의 경우는 잘 모르겠다.
본인의 경우 (3) 방법을 사용했다.
포토샵의 경우 ico확장자를 기본으로 저장해주지 않기 때문에 다음과 같은
플러그인을 사용해야한다.
1367411803.zip2007년 10월 31일까지의 최신버전이다. 확인은
http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html
에서 할 수 있다.
a. 설치는 압축을 풀고 폴더채로 포토샵 설치경로/plug in/
폴더 안에 넣어버리기만 하면 된다.
b. 그리고 포토샵을 시작하면 save as…에서 확장자를 ico로 사용할 수 있다.
c. 투명 파비콘을 만드려면 포토샵 새파일에서 배경을 transparent로 하는 것은 당연히
알 것이다.

4. 어떻게 사용할까요?
친절하게도 텍스트큐브에서는 control panel에서 파비콘을 등록할 수가 있다.
직접 태그를 사용한다면
< LINK REL=”SHORTCUT ICON” href=”/디렉토리 경로/favicon.ico” >
의 구분을 <head></head>사이에 넣으면 된다.

0 Shares:
1 comment
Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.