favicon.ico 파일로 무엇을 할 수 있는가?
웹 사이트 루트 디렉터리에 "favicon.ico"라는 이름의 아이콘 파일을 올려두면, 사용자가 즐겨찾기(Favorites)에 추가할 때 아이콘이 자동으로 그 사이트의 로고로 바뀌도록 할 수 있다. 다시 이야기하여 사용자가 어떤 페이지를 즐겨찾기에 추가하면 아이콘을 자동으로 다운로드하여 바꾸어 주는 기능이다.
특별한 코드를 별도로 집어넣을 필요가 없으며, 웹 사이트의 루트 디렉터리에 "favicon.ico"라는 이름의 아이콘 파일을 올려두는 것으로 충분하다. 단, 이 기능은 Internet Explorer 5 이상에서 지원한다.
Yahoo, MSN.com, internet.com 등에서 favicon.ico 파일을 활용하고 있으며, 직접 즐겨찾기에 추가를 해보면 IE 로고 대신 그 사이트의 로고로 아이콘이 바뀌어 있는 것을 확인할 수 있다. 비단 즐겨찾기 뿐만 아니라 주소표시줄(Address Bar)에서도 아이콘이 바뀐다. 만일 주소표시줄의 아이콘이 그대로 있다면 F5 펑크션 키를 눌러서 새로 고침(refresh) 하기 바란다.
favicon.ico 파일을 직접 지정하기
개인 홈페이지처럼 루트 디렉터리에 직접 favicon.ico 파일을 올려두기 곤란하거나 다른 이름 또는 다른 위치의 아이콘 파일을 지정하고 싶다면 다음과 같이 할 수 있다.
<LINK REL="SHORTCUT ICON" href="/path/logo.ico">
위와 같은 형식으로 LINK element를 사용할 수 있으며, 웹 페이지 Header(<head>...</head>)에 가볍게 적어줄 수 있다.
<LINK REL="SHORTCUT ICON" href="./galaxy.ico">
<LINK REL="SHORTCUT ICON" href="http://www.i-biznet.com/favicon.ico">
Favicon.com - the java icon generator
아이콘 파일은 비트맵 이미지이면서 고유의 파일 포맷을 가지고 있다. 16x16, 32x32 픽셀 등으로 크기를 선택할 수 있으며, 256 색상 이상을 사용할 수 있지만, 16 색상만 사용하는 것이 기본이다. favicon.ico 파일은 가능한 16x16 픽셀, 16 색상의 아이콘 파일로 만드는 것이 좋다.
문제는 아이콘 파일을 직접 만드는 것인데, 아이콘 만들기 도구의 선택부터 생각만큼 쉽지 않다. Favicon.com에서는 Java로 구현한 아이콘 만들기 프로그램을 온라인에서 직접 실행할 수 있도록 하여 이러한 고민을 어느 정도 해결해주고 있다.
Favicon Icon Generator는 16x16 픽셀의 아이콘을 16 색상으로 제작할 수 있는 간단한 도구이다. 색상 선택, 칠하기/지우기, Zoom In/Out 등 꼭 필요한 기능 정도만 제공하고 있지만, 아이콘 파일을 만드는데 크게 부족함이 없다.
아이콘 파일을 저장하는 방법이 독특한데, File 메뉴에서 Save를 선택하면 이메일 주소를 입력하라는 웹 페이지가 열린다. 즉 사용자가 직접 만든 아이콘 파일을 이메일 메시지에 덧붙인 파일로 보내주는 것이다.
참고로 Favicon.com은 Apache/Red Hat Linux를 기반으로 Jserv Servlet Engine을 사용하고 있다.
여전히 아이콘이 바뀌지 않는다. 어떻게 해야 하나?
만일 즐겨찾기에 추가를 해도 아이콘이 바뀌지 않는다면, 먼저 아이콘 파일을 제대로 만들었는지 확인하는 것이 좋다. 여기에서 소개하는 Favicon Icon Generator는 가장 확실하게 favicon.ico 파일을 만들어주는 도구 중 하나이다.
아이콘 파일 자체에는 이상이 없다면, 캐쉬 문제를 생각할 수 있다. 인터넷 옵션에서 Temporary Internet Files 폴더를 비우고, 즐겨찾기에서 해당 아이콘을 지운 다음에 다시 시도를 해볼 수 있다. 다른 방법이 있다면, favicon.ico 파일 대신 다른 이름의 아이콘 파일을 지정해보는 것이다.
웹 사이트 루트 디렉터리에 "favicon.ico"라는 이름의 아이콘 파일을 올려두면, 사용자가 즐겨찾기(Favorites)에 추가할 때 아이콘이 자동으로 그 사이트의 로고로 바뀌도록 할 수 있다. 다시 이야기하여 사용자가 어떤 페이지를 즐겨찾기에 추가하면 아이콘을 자동으로 다운로드하여 바꾸어 주는 기능이다.
특별한 코드를 별도로 집어넣을 필요가 없으며, 웹 사이트의 루트 디렉터리에 "favicon.ico"라는 이름의 아이콘 파일을 올려두는 것으로 충분하다. 단, 이 기능은 Internet Explorer 5 이상에서 지원한다.
Yahoo, MSN.com, internet.com 등에서 favicon.ico 파일을 활용하고 있으며, 직접 즐겨찾기에 추가를 해보면 IE 로고 대신 그 사이트의 로고로 아이콘이 바뀌어 있는 것을 확인할 수 있다. 비단 즐겨찾기 뿐만 아니라 주소표시줄(Address Bar)에서도 아이콘이 바뀐다. 만일 주소표시줄의 아이콘이 그대로 있다면 F5 펑크션 키를 눌러서 새로 고침(refresh) 하기 바란다.
favicon.ico 파일을 직접 지정하기
개인 홈페이지처럼 루트 디렉터리에 직접 favicon.ico 파일을 올려두기 곤란하거나 다른 이름 또는 다른 위치의 아이콘 파일을 지정하고 싶다면 다음과 같이 할 수 있다.
<LINK REL="SHORTCUT ICON" href="/path/logo.ico">
위와 같은 형식으로 LINK element를 사용할 수 있으며, 웹 페이지 Header(<head>...</head>)에 가볍게 적어줄 수 있다.
<LINK REL="SHORTCUT ICON" href="./galaxy.ico">
<LINK REL="SHORTCUT ICON" href="http://www.i-biznet.com/favicon.ico">
Favicon.com - the java icon generator
아이콘 파일은 비트맵 이미지이면서 고유의 파일 포맷을 가지고 있다. 16x16, 32x32 픽셀 등으로 크기를 선택할 수 있으며, 256 색상 이상을 사용할 수 있지만, 16 색상만 사용하는 것이 기본이다. favicon.ico 파일은 가능한 16x16 픽셀, 16 색상의 아이콘 파일로 만드는 것이 좋다.
문제는 아이콘 파일을 직접 만드는 것인데, 아이콘 만들기 도구의 선택부터 생각만큼 쉽지 않다. Favicon.com에서는 Java로 구현한 아이콘 만들기 프로그램을 온라인에서 직접 실행할 수 있도록 하여 이러한 고민을 어느 정도 해결해주고 있다.
Favicon Icon Generator는 16x16 픽셀의 아이콘을 16 색상으로 제작할 수 있는 간단한 도구이다. 색상 선택, 칠하기/지우기, Zoom In/Out 등 꼭 필요한 기능 정도만 제공하고 있지만, 아이콘 파일을 만드는데 크게 부족함이 없다.
아이콘 파일을 저장하는 방법이 독특한데, File 메뉴에서 Save를 선택하면 이메일 주소를 입력하라는 웹 페이지가 열린다. 즉 사용자가 직접 만든 아이콘 파일을 이메일 메시지에 덧붙인 파일로 보내주는 것이다.
참고로 Favicon.com은 Apache/Red Hat Linux를 기반으로 Jserv Servlet Engine을 사용하고 있다.
여전히 아이콘이 바뀌지 않는다. 어떻게 해야 하나?
만일 즐겨찾기에 추가를 해도 아이콘이 바뀌지 않는다면, 먼저 아이콘 파일을 제대로 만들었는지 확인하는 것이 좋다. 여기에서 소개하는 Favicon Icon Generator는 가장 확실하게 favicon.ico 파일을 만들어주는 도구 중 하나이다.
아이콘 파일 자체에는 이상이 없다면, 캐쉬 문제를 생각할 수 있다. 인터넷 옵션에서 Temporary Internet Files 폴더를 비우고, 즐겨찾기에서 해당 아이콘을 지운 다음에 다시 시도를 해볼 수 있다. 다른 방법이 있다면, favicon.ico 파일 대신 다른 이름의 아이콘 파일을 지정해보는 것이다.
'Web > HTML' 카테고리의 다른 글
| IFRAME (0) | 2013.09.26 |
|---|---|
| [style] 테이블 고정(긴 글자일때) (0) | 2013.09.26 |
| [style] 스타일시트 커서모양변경 (0) | 2013.09.26 |
| [tip] 한글 문서를 HTML로 (0) | 2013.09.26 |
| HTML 에서 쓸 수 있는 특수문자 코드 (0) | 2013.09.26 |