파비콘(Favicon)을 만들었습니다.

태터툴즈와 블로그 2005. 6. 8. 12:49

관련 포스트

관련 사이트

파비콘(favicon; favorite icon)

qbio님의 블로그에서 파비콘에 대한 글을 읽어보고 저도 한번 만들어 봤습니다.

파비콘은 웹사이트를 방문했을 때 주소창이나 즐겨찾기(북마크)에 나타나는 작은 로고나 아이콘을 말합니다.

제가 만든 파비콘은 16X16 픽셀의 단순한 Windows 로고입니다.

만드는 방법

16X16픽셀의 그림파일을 만듭니다.
파일을 256색 비트맵으로 저장합니다.
아이콘 파일로 변환시키는 프로그램을 사용해 favicon.ico 파일로 저장합니다.
파일을 홈페이지 계정에 업로드합니다. (표시될 웹페이지와 동일한 디렉터리)
[CODE]마지막으로 아래 코드를 index.html를 비롯해 원하는 웹 문서의 <head> 태그 다음에 넣어줍니다. <link rel="shortcut icon" href="/favicon.ico" type="image/ico" />[/CODE]
(위의 코드는 GatorLog님의 글에서 인용했습니다.)

* 태터 툴즈에 적용시키고 싶으면 스킨 파일(skin.html)에 적용해야 합니다.
물론 favicon.ico 파일도 skin.html 과 동일한 디렉터리에 있어야 겠죠?

결과

주소표시줄에 이렇게 표시됩니다.

덧붙여서..

제가 그림파일을 아이콘 파일로 만드는 데 사용한 프로그램은 Any to Icon입니다.
여러개의 그림파일을 한꺼번에 아이콘으로 바꿀 수 있는 기능이 정말 좋더군요!

아크비스타 :: 아크몬드의 비스타블로그