[解決済み] favicon.icoの正しいMIME Typeは?
質問
によると
インターネット番号標識局(Internet Assigned Numbers Authority
(IANA) は、すべての.ico ファイルを MIME タイプ
image/vnd.microsoft.icon
. (
ソース
)
例
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
しかし、精通したネットの達人。
ポール・アイリッシュ
は間違いであり、実際は次のようになると主張しています。
image/x-icon
. (
ソース
)
例
<link rel="icon" type="image/x-icon" href="favicon.ico" />
.icoファイルには"type"を含めないことも可能だと思いますが、もし含めるとしたらどれにしたらよいでしょうか?また、IANA公式のタイプとして提供することに問題はないのでしょうか?
解決方法は?
ファビコンとして使用するために.icoファイルを提供する場合、それは問題ではありません。すべての主要なブラウザは、両方の MIME タイプを正しく認識します。だから、あなたは置くことができます。
<!-- IE -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- other browsers -->
<link rel="icon" type="image/x-icon" href="favicon.ico" />
または同じように
image/vnd.microsoft.icon
すべてのブラウザで動作します。
注:MIME タイプの IANA 仕様はありません。
image/x-icon
と比べて、少し非公式なようです。
image/vnd.microsoft.icon
.
違いがある唯一のケースは、.ico ファイルを
<img>
タグがあります(これはかなり珍しいことです)。
以前のテストによると、一部のブラウザは、.ico ファイルが MIME タイプの
image/x-icon
. より最近のテストでは Chromium、Firefox、Edge は両方のコンテンツタイプで問題ありませんが、IE11 は問題ありません。もし可能なら
ico
ファイルを画像として使用し
png
.
関連
-
[解決済み] .docx、.pptxなどの正しいMIMEタイプは何ですか?
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] MIME-typeが原因でスタイルシートが読み込まれない
-
[解決済み] CSVに使用するMIMEタイプは?
-
[解決済み] HTML 5 Favicon - サポートは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTMLにおける'"'エンティティの使用法
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] WebSocketとサーバー送信型イベントの比較/EventSource
-
[解決済み] HTMLアンカーは'name'と'id'のどちらで作成するのが良いですか?
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?