tattertools and blogs

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

2005-06-08
26 Comments
1 Min Read
관련 포스트

관련 사이트

파비콘(favicon; favorite icon)

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

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

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

만드는 방법
  • 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입니다.
여러개의 그림파일을 한꺼번에 아이콘으로 바꿀 수 있는 기능이 정말 좋더군요!

[#M_ 스크린샷 보기.. | 그만보기.. |
_M#]

26 Comments

Click here to post a comment

Archives