WordPressのサイトアイコンの機能と出力に関する質問

Question

WordPress 4.7とサイトアイコンの機能をfavicon/siteアイコンに使用しているようですが、結果は奇妙に見えますが、これに関する専門家であり、ベストプラクティスに関する多くの矛盾した情報を読んでいます。セクションの4つのリンクでWPのサイトアイコンの設定結果を使用して画像を設定する：

<link rel="icon" href="https://www.examle.com/wp-content/uploads/2016/12/cropped-test-favicon-32x32.png" sizes="32x32" />

<link rel="icon" href="https://www.examle.com/wp-content/uploads/2016/12/cropped-test-favicon-192x192.png" sizes="192x192" />

<link rel="apple-touch-icon-precomposed" href="https://www.examle.com/wp-content/uploads/2016/12/cropped-test-favicon-180x180.png" />

<meta name="msapplication-TileImage" content="https://www.examle.com/wp-content/uploads/2016/12/cropped-test-favicon-270x270.png" />

しかし、それはサイトのアイコンの10の異なるバージョンを作成します画像は、32x32,100x100,150x150,180x180,192x192,250x250,270x270,300x300,360x360,500x310のサイズで元の画像に加えて、

なぜ4つしかリンクされていない場合、非常に多くのクロップされた画像ですか？

また、512x512のサイズのアイコンイメージを提出しましたが、500x310バージョンは常に切り取られてアイコンの上部と下部が切り取られています。これの周りには道がありますか、それとも大きな問題ですか？このサイズのアイコンは何のために使われますか？

このWPサイトアイコンはどのブラウザ/デバイスサポートをカバーしていますか？

これもサイトルートにfavicon.icoファイルが作成されません。まだそれを含む必要がありますか、もはや不要ですか？

ありがとうございます！

Answer 1

私はRealFaviconGeneratorとそのコンパニオンWordPress Favicon pluginの著者ですので、私はこの質問に答えるために資格を得て偏っています。

あなたが言及する多くの変種は無駄です。 は、Web App Manifest（Android Chromeの場合）またはbrowserconfig.xml（IE/Edgeの場合）などの外部ファイルによって参照されていますが、これらのファイルは生成も宣言もされていません。だからあなたは無用な（無害な）画像を得るだけです。

500x310の画像は、おそらくWindowsの「ワイド」タイルの画像です。ここでは4頭の異なるタイルの形や大きさの一例である：

しかし、これらの4枚の画像は、そうでないbrowserconfig.xml経由のHTML、のいずれかで宣言する必要があります。だから、正方形以外の画像を生成するために画像が切り取られたということは問題です（あなたのウェブサイトのロゴはおそらくプロセス中に壊れているかもしれませんが）。

WordPress Siteアイコンはほぼすべてのプラットフォームをカバーします。すべての主要なプラットフォームは、生成され、宣言されたApple Touchアイコンを処理できます。あなたが本当に見逃している唯一のアイコンは、macOS用のマスクアイコン（固定タブと新しいMacBookタッチバーで使用される）です。

レガシーブラウザのみが、古いfavicon.icoを本当に見逃します。私はIEの世代を必要としているのを覚えていませんが、かなり古いものでなければなりません（XPのIEかVistaかもしれません）。ほとんどの場合、問題ではないはずです。手動で編集したファイルを使用してWordPressをインストールするほうがよい。

言い換えれば、他の点はデザインそのものです。WordPressはあなたに、最終的なアイコンを提示することは非常にまともな努力を行います。

をしかし、私の特定のアイコンで、問題がある：私のイメージは、そのように丸みを帯びたその角を持つように設計されていません。これはWordPressのせいではありません.iOSは何に関係なく丸めます。透明の画像と同じ：ワードプレスが正確であるよう

のiOSは、黒と透明性を満たします。しかし、回避策はありません。これは「取るか放置するか」です。

デザインには別の問題があります。各プラットフォームには独自のスタイルがあります。現時点では、サイトアイコンには、すべての点でワンサイズのアプローチが採用されています。これは大丈夫ですが、大したものではありません。もう一度、macOSのアイコンが欠けています。

テーマには、独自のファビコンサポートが付いていることもあります。私の知る限り、このサポートは常に軽く、古典的なデスクトップアイコンだけをカバーしています。ワードプレスサイトのアイコンは間違いなく良いです。

• は、組み込みのWordPressサイトのアイコンを使用します。

  はWordPressユーザーとして、あなたは基本的に2つの選択肢があります。あなたのアイコンが変更を必要としない場合（例えば、背景が不透明な場合など）、macOSのアイコンは必要ありません。

• Favicon by RealFaviconGeneratorを使用してください。それはすべてをカバーし、あなたのアイコンプラットフォームごとのプラットフォームを作ることができます。あなたはあなたのアイコンがあなたの訪問者のデバイスのように見えるかを正確に知っています。これは軽量ではあるが、まだインストールする別のプラグインです。繰り返しますが、私はこのプラグインの作者ですので、私からの査定だけを期待してください:)