파비콘
파비콘은 웹사이트를 식별하는 작은 아이콘으로, 웹 브라우저에 표시됩니다. 대부분의 브라우저는 주소 표시줄의 왼쪽, URL 옆에 웹사이트의 파비콘을 표시합니다. 일부 브라우저는 페이지 제목 옆의 브라우저 탭에도 파비콘을 표시할 수 있습니다. 파비콘은 북마크 또는 "즐겨찾기"와 함께 자동으로 저장되기도 합니다.
파비콘은 2000년대 초부터 사용되어 왔으며 모든 주요 웹 브라우저에서 지원됩니다. 하지만 브라우저마다 파비콘을 구현하는 방식이 다릅니다. 예를 들어 Firefox, Internet Explorer, Safari는 모두 주소 표시줄에 파비콘을 표시하지만, Google Chrome은 페이지 탭에만 파비콘을 표시합니다. 대부분의 브라우저는 .GIF, .PNG 또는 .JPG 파일로 저장된 파비콘을 지원하지만, Internet Explorer는 .ICO 형식으로 저장된 파비콘만 표시합니다.
웹사이트에 파비콘을 구현하는 표준적인 방법은 favicon.ico라는 이름의 16x16 픽셀 크기의 작은 이미지를 웹사이트의 루트 디렉터리에 업로드하는 것입니다. 사용자가 웹 브라우저에서 해당 웹사이트의 페이지를 불러오면 브라우저는 favicon.ico 파일을 찾습니다. 지원되는 형식으로 저장된 파일을 찾으면 URL 또는 페이지 제목 옆에 아이콘을 자동으로 표시합니다. 다음과 같이 웹페이지의 HTML에 파비콘을 지정할 수도 있습니다.
<link rel="shortcut icon" href="http://www.domain.com/myicon.ico">
HTML 방식은 일반적으로 루트 디렉터리에 저장된 파비콘보다 우선 적용됩니다. 따라서 웹사이트 내 특정 페이지에 사용자 지정 파비콘을 표시하려는 경우 유용할 수 있습니다.
NOTE: 파비콘의 표준 크기는 16x16 픽셀이지만, 대부분의 브라우저는 32x32, 48x48, 64x64 픽셀 이미지로 저장된 파비콘도 인식합니다. 16x16 픽셀보다 큰 파비콘은 일반적으로 브라우저에 올바르게 표시되도록 16x16 크기로 축소됩니다. 하지만 레티나 디스플레이를 지원하는 브라우저는 32x32 픽셀 아이콘을 원래 해상도로 표시합니다.
지식 테스트하기