파비콘

다음 표는 주요 웹 브라우저에서 다양한 기능의 지원을 보여줍니다. 언급하지 않는 한 버전 번호는 지원되는 기능의 시작 버전 번호를 나타냅니다.

파일 형식 supportEdit

다음 표에서 이미지 파일의 형식을 지원한 파비콘.

^사파리,버전부터 12.0,지원 단일 색상 SVG 파비콘 어떠한 경우에는 표준이 아닌mask-icon형식입니다.,

또한,이러한 아이콘 파일 16×16, 32×32, 48×48, 64×64 픽셀 크기,그리고 8-bit,24 비트 또는 32 비트의 색깔에서 깊이가 있습니다. ICO 파일 형식 기사에서는 다양한 Microsoft Windows 플랫폼에서 256 가지 이상의 색상을 가진 아이콘에 대한 세부 정보를 설명합니다.

faviconEdit 의 사용

이 표는 favicons 가 표시 될 수있는 브라우저의 다른 영역을 보여줍니다.

Opera Software 는 Opera10 의 단축 다이얼에서 favicon 을 변경할 수있는 기능을 추가했습니다.,

사용 방법

이 표는 웹 브라우저에서 파비콘을 인식 할 수있는 다양한 방법을 보여줍니다. 표준을 구현하는 링크를 사용하는 요소를rel속성<head>섹션에 있는 문서를 지정한 파일 포맷의 이름과 위치에 있습니다.

^Firefox 만 허favicon.ico웹사이트에 뿌리지 않고<link>태그인 경우 설정browser.chrome.site_icons설정true에서는about:config., 기본값은true입니다. false로 설정하면 이러한 파비콘은 무시됩니다.
^오페라 부/favicon.ico경우에만Multimedia/Always load favicon옵션에서opera:config설정1. 자세한 내용은 오페라 지원 페이지를 참조하십시오.

경우 모두에 대한 링크는 PNG 및 ICO 파비콘은 존재,PNG-파비 호환 브라우저 선택하는 형식 및 크기를 사용하여 다음과 같습니다. 파이어 폭스와 사파리는 마지막으로 오는 파비콘을 사용할 것이다., Mac 용 Chrome 은 FAVICON 이 ICO 형식 인 32×32favicon 을 사용합니다. Windows 용 Chrome 은 16×16 인 경우 먼저 제공되는 favicon 을 사용합니다. 앞서 언급 한 옵션 중 어느 것도 사용할 수 없다면,두 Chromes 는 Favicon 이 먼저 나오는지,Firefox 와 Safari 의 정반대를 사용합니다. 실제로 Mac 용 Chrome 은 16×16favicon 을 무시하고 32×32 버전을 사용하여 비 망막 장치에서 16×16 으로 다시 확장 할 수 있습니다. 오페라는 무작위로 완전히 사용 가능한 아이콘 중 하나를 선택합니다.,

SeaMonkey 만 기본적으로 웹 사이트의 루트에있는favicon.ico파일을 가져 오지 않습니다.

장치 supportEdit

이 섹션을 업데이트해야합니다. 최근 이벤트 또는 새로 사용 가능한 정보를 반영하기 위해이 기사를 업데이트하십시오. (2018 년 월)

애플 iOS 운영 체제 1.1.3 버전 또는 이후,일부뿐만 아니라,안드로이드 기기를 제공하는 것이 가능하 사용자 지정 아이콘을 지정할 수 있는 표시에 자신의 집 스크린을 사용하여 추가 화면에서 버튼을 공유 시트에서 사파리 등이 있습니다., 이 기능을 사용하여 공급<link rel="apple-touch-icon" ...><head>섹션에 제공되는 문서에는 웹 사이트입니다. 사용자 정의 아이콘이 제공되지 않으면 웹 페이지의 축소판이 대신 홈 화면에 배치됩니다.

이 아이콘의 권장 기본 크기는 152×152 픽셀입니다.

iPad 의 경우 기본 크기는 180×180 픽셀입니다. 안드로이드 태블릿은 192x192PNG 아이콘을 선호합니다.

apple-touch-icon가 참조하는 아이콘 파일은 둥근 모서리를 추가하도록 수정됩니다., 버전 os7,그림자,반사 빛나는 것을 추가,그리고apple-touch-icon-precomposed아이콘 제공될 수 있도록 장치를 적용하지 않는 사려깊은 빛에 이미지입니다.

둥근 모서리에 의해 추가 iOS

<link rel="apple-touch-icon" href="https://example.com/image.png">

HTML 에 필요한 브라우저 또는 모바일 장치를 검색하는 이러한 아이콘 중 하나. 웹 사이트의 루트는apple-touch-icon.png(우선 순위 순서대로)파일의 기본 위치입니다.,

HTML5 추천에 대한 아이콘에서 여러 sizesEdit

현재 HTML5 사양이 좋은 여러 지정 크기에 대한 아이콘을 사용하여,속성을rel="icon" sizes="space-separated list of icon dimensions"안에<link>태그이다. Microsoft 와 같은 컨테이너 형식을 포함한 여러 아이콘 형식.ico 와 매킨토시.icns 파일뿐만 아니라 Scalable Vector Graphics 에 의해 제공될 수 있습을 포함한 아이콘의 콘텐츠 형식의 형식type="file content-type"안에<link>태그이다.,

으로 iOS5,애플의 모바일 장치를 무시하 HTML5 추천하고 대신 사용하여 독자적인apple-touch-icon방법에 대한 자세한니다. Chrome 웹 브라우저 그러나,선택할 것입니다 가장 일치하는 크기 에서 제공하는 HTML 헤더를 만드는 128×128 픽셀 응용 프로그램 아이콘을 때,사용자 선택한 응용 프로그램을 만듭니다… “도구”메뉴에서.

애니메이션 faviconsEdit

Chrome,Firefox 및 Opera 와 같은 다양한 브라우저는 favicons 의 애니메이션을 지원합니다., 버그 보고서는 2001 년부터 파이어 폭스에 대한 기능을 사용하지 않도록 설정하는 방법을 요청 열려있다.