サイトを作るとき、今まであまり興味のなかった画像について少し勉強し、SVG画像を使ってみました。SVGについては別途書こうと思います。
WordPressでファビコンを使う場合、メニューから「設定 ー 一般 ーサイトアイコン」に画像を設定すればファビコンが表示されます。ここにSVG画像を設定すると次の問題が発生しました。
１ サイトアイコンは512×512サイズが良いとあるが、SVGはエラーになる。
２ 設定時の画像の切り抜きもできない(画像データではなくベクターデータなので当たり前？)。
３ iPad/iPhoneへリンクをホーム画面に追加する時、アイコンではなくサイトのタイトル1文字になる。
３が最も影響大なので、結局SVGをPNGに変換して使うことになってしまいました。ブログのアイキャッチ(SVGロゴ)はSVGファイルです。
※ SVGでもファビコンは表示されます。apple-touch-icon.pngという名前で表示できるようなこともネット記事で見かけますが、いずれにしても画像ファイルにする必要がありそうです。