WordPress│ファビコンで.icoを設定する方法│Microsoft Edge（Internet Explorer モード）対応

2025.04.192026.10.01

通常のサイトアイコンと、旧環境向けのico配信は分けて確認します。WordPress本体のMIME一覧にはicoが標準で登録されています。本記事の画面は過去の環境での例で、現在の管理画面やEdgeの全構成で同じ結果を保証するものではありません。

サイトアイコンもといファビコンはJPGやPNGなどの画像を適当にいれるケースがありますが、実は古いブラウザによってはまだ表示されないケースがあります。

企業によっては古いブラウザしか使えず、
ファビコン画像が表示されてない！というお問い合わせもあります。

古いブラウザやマイクロソフトエッジのインターネットエクスプローラーモードでファビコンが表示されない状態を示す画面。

Microsoft Edge（Internet Explorer モード）だとファビコンの拡張子は.icoであること（.png, .svg では表示されない場合あり）

本記事ではMicrosoft Edge（Microsoft Edge の）に対応したファビコンの設定方法を解説します。

WordPressでファビコンで.icoを設定する方法

WordPress本体のMIME一覧にはico（image/x-icon）が含まれています。icoを一律にアップロードできないという説明は誤りでした。実際の可否はサイトの制限やファイルの実体にも依存します。

ファビコン画像の用意

8の倍数の正方形画像を用意します。

jpgやpngの場合はico画像に変換してあげます。

PNGからICO — アイコン作成 — Convertio

functions.phpの設定

次のコードは過去に使用した画像判定の補助例です。アップロード許可を追加するフィルターではありません。まず標準状態でアップロードを試し、失敗時はファイルの実体、サーバーの画像処理、マルチサイトやプラグインの制限を確認します。原因が一致しない環境へ一律に追加しないでください。

エラーが怖い人はCode Snippetsのプラグインを入れて、そこからコードを挿入しましょう。

function add_custom_mime_to_ext_mappings( $mimes ) {
    $custom_mappings = [
        'image/x-icon'             => 'ico', // PHP 7.3以前
        'image/vnd.microsoft.icon' => 'ico', // PHP 7.4以降
    ];

    return array_merge( $mimes, $custom_mappings );
}
add_filter( 'getimagesize_mimes_to_exts', 'add_custom_mime_to_ext_mappings' );

ico画像がアップロードできました。

アップロード後、コードを消してもらっても大丈夫です。