[favicon] favicon.ico 요청을 방지하는 방법?

먼저 웹 페이지에 파비콘이있는 것이 좋습니다 (일반적으로).

그러나 항상 바람직하지는 않으며 개발자가 추가 페이로드를 피할 수있는 방법이 필요합니다. 예를 들어 IFRAME은 즐겨 찾기 아이콘을 표시하지 않고 요청합니다. 최악의 경우, Chrome 및 Android에서 IFRAME은 3 가지 즐겨 찾기 아이콘 요청을 생성합니다.

"GET /favicon.ico HTTP/1.1" 404 183
"GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 197
"GET /apple-touch-icon.png HTTP/1.1" 404 189

다음은 데이터 URI를 사용하며 가짜 파비콘 요청을 피하는 데 사용할 수 있습니다.

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

참조를 위해 여기를보십시오 :

• https://github.com/h5bp/html5-boilerplate/issues/1103
• https://twitter.com/diegoperini/status/4882543836930048

Chrome 버그 / 동작은 다음 버전에서 수정 될 것입니다.

다음은 투표를위한 버그 제출입니다.

• https://bugs.chromium.org/p/chromium/issues/detail?id=131567

업데이트 1 :

주석 (jpic)에서 Firefox> = 25는 더 이상 위의 구문을 좋아하지 않는 것 같습니다. Firefox 27에서 테스트했는데 여전히 Webkit / Chrome에서 작동하는 동안 작동하지 않습니다.

최신 브라우저를 모두 다루는 새로운 브라우저가 여기 있습니다. Safari, Chrome 및 Firefox를 테스트했습니다.

<link rel="icon" href="data:;base64,=">

“rel”속성 값에서 “바로 가기”이름을 생략했습니다. 이전 IE에만 ​​해당하며 IE <8 버전은 dataURI를 좋아하지 않기 때문입니다. IE8에서는 테스트되지 않았습니다.

업데이트 2 :

HTML5에 대해 유효성을 검사하기 위해 문서가 필요한 경우 대신 다음을 사용하십시오.

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

답변

<link rel="icon" href="data:,">

<link rel="shortcut icon" href="#" />

Alias /favicon.ico "/var/www/html/favicon.ico"
<Directory "/var/www/html">
    <Files favicon.ico>
       ExpiresActive On
       ExpiresDefault "access plus 1 month"
    </Files>
</Directory>

AddType image/x-icon .ico
ExpiresActive On
ExpiresByType image/x-icon "access plus 1 month"

<IfModule mod_alias.c>
    RedirectMatch 403 favicon.ico
</IfModule>

# skip favicon.ico
#
location = /favicon.ico {
    access_log off;
    return 204;
}