favicon을 만드는 방법은 간단하다. 우선 만들고자 하는 이미지가 있다면 그 이미지를 favicon.ico 파일로 만들어주기만 하면 된다. 그런데, gif나 jpg, png 파일을 ico 파일로 만들기는 일반 그래픽 프로그램으로는 힘들다. 상용 프로그램이나 쉐어웨어를 구해서 기존 이미지 파일을 ico 파일로 바꿔줘야 하기 때문에 이것 하나 때문에 상용 프로그램이나 쉐어웨어를 쓴다는 것은 좀 거시기하다.
하지만, 걱정마시라. gif, jpg, png 파일 등을 ico 파일로 바꿔주거나 자신이 직접 ico 파일을 디자인해서 만들 수 있는 도구가 웹 상에도 있으니까. Favicon from Pics 사이트에 가면 우리가 가지고 있는 이미지 파일을 ico 파일로 만들어주고, favicon.ico Generator, Favicon Editor 혹은 Online Icon Maker 같은 곳에서는 간단하게나마 직접 ico 파일을 만들 수 있다. 혹은 다양한 favicon 파일을 모아놓은 Favourite Favicons와 같은 곳도 있다.
한 가지 주의할 것은 favicon을 만들 때 너무 큰 그림 파일로 만드는 것은 좋지 않다. 보통 ico 파일의 해상도는 16x16 혹은 32x32 정도여서 너무 큰 파일로 ico 파일을 만들면 그림을 알아보는 것이 힘들어진다. 간단히 자기 이름이나 회사의 이니셜 혹은 로고 등으로 만드는 것이 좋다.
이렇게 만든 favicon.ico 파일을 자신의 홈페이지 루트 디렉토리에 올려놓고 HTML 코드의 헤더 부분에 아래와 같이 올려놓은 favicon.ico 파일을 가리키도록 추가해주면 된다.
<head>
...
<link rel="shortcut icon" href="http://mooo.org/favicon.ico" />
</head>
...
<link rel="shortcut icon" href="http://mooo.org/favicon.ico" />
</head>
이 글과 연관된 글


