Favicons : 브라우저가 SVG 버전 만 다운로드하는 방법

최근 Šime Vidas는 Favicon HTML에 대한 트위터 스레드를 강조했습니다. 초기 Favicon 코드에는 오타가 포함되어 있습니다.

<link href="/favicon.ico" rel="icon" size="any"><link href="/favicon.svg" rel="icon" type="image/svg xml">

올바른 코드는 size 대신 sizes 사용합니다.

<link href="/favicon.ico" rel="icon" sizes="any"><link href="/favicon.svg" rel="icon" type="image/svg xml">

이 보정은 Chrome이 ICO 및 SVG Favicons를 모두 다운로드하지 못하도록하여 SVG (선호되는 형식) 만 사용하도록합니다. 내 ICO 파일은 5.8KB이며 페이지로드 당 음료 할 수없는 저장을 나타냅니다.

Šime은 웹 플랫폼 뉴스 #42에서 이것을 언급했으며, SVG Favicons는 Safari를 제외한 모든 최신 브라우저에서 지원되지만 ICO와 SVG가 ICO의 sizes="any" 속성을 요구합니다.<link> Chrome이 ICO의 우선 순위를 정하지 않도록 태그. (자세한 내용은 Chrome Bug 1162276 참조). 그는 최적의 마크 업의 예로 CSS- 트릭을 인용했지만 오류가 식별 된 후에 만 ​​사실이었다. 원래 오타는 이전 기사 (현재 수정 된)에서 비롯된 것일 수 있지만 Andrey의 기사는 실용적인 Favicon 구현을위한 귀중한 리소스로 남아 있습니다.

위 내용은 Favicons : 브라우저가 SVG 버전 만 다운로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!