PC 版の Chrome や Microsoft Edge のブックマークバーやタブに表示されるファビコン（アイコン）が、ガビガビに乱れるなど、正常に表示されなくなることがあります。
上の参考画像のように、突然ファビコンが乱れ、適切に表示されなくなります。
Chrome や Edge をアップデートしても改善せず、再インストールしてもファビコンの表示はおかしいままです。
いろいろ検証してみたところ、原因は「ハードウェア（グラフィック）アクセラレーション」にあることがわかりました。
今回は「Chrome・Microsoft Edge でブックマークのアイコン（ファビコン）が乱れたり表示がおかしい時の対処方法」を紹介します。
ハードウェア（グラフィック）アクセラレーションとは？
Chrome や Edge 搭載されている「ハードウェア（グラフィック）アクセラレーション」とは？
通常は CPU が処理する画像や動画などのグラフィック関連の処理を GPU に任せることで、Chrome や Edge の処理性能を向上させる機能です。
しかし、GPU が搭載されていない PC や、Chrome・Edge と相性の悪いグラフィックボードを使用している環境では、ハードウェア（グラフィック）アクセラレーションを有効にしていることで、かえって不具合が発生してしまう場合があります。
その不具合のひとつが、ファビコンの表示が乱れる現象です。
処理性能が劇的に向上する機能というわけでもないため、不具合が発生している場合は、ハードウェア（グラフィック）アクセラレーションを無効化することをおすすめします。
ハードウェア アクセラレーションを無効化する手順
Chrome と Microsoft Edge でハードウェア（グラフィック）アクセラレーションを無効化する手順は若干レイアウトが異なるので、それぞれ別々に手順を紹介します。
Chrome で無効化する手順
Chrome 右上の「︙」をクリックします。
メニュー内の「設定」を選択します。
① サイドメニューから「システム」を選択後、②「グラフィック アクセラレーションが使用可能な場合は使用する」のスイッチをクリックします。
スイッチをオフにしたら表示される「再起動」ボタンを押します。
Chrome が一度再起動したのち、おかしい表示だったファビコンを確認すると適切な表示に直っているはずです。
Microsoft Edge で無効化する手順
Edge 右上にある「…」アイコンをクリックします。
メニュー内の「設定」を選択します。
① 左サイドメニューの「システムとパフォーマンス」を選択の後、②「システム」のをクリックします。
「使用可能な場合はグラフィックス アクセラレータを使用する」のスイッチをオフにします。Edge を一旦閉じて再起動してください。
Edge が一度再起動したのち、おかしい表示だったファビコンを確認すると適切な表示に直っているはずです。
あとがき
ネットで「ファビコンの表示がおかしい」などと検索しても、「キャッシュの削除」や「再インストール」といった見当違いの対処法ばかりが上位に表示され、なかなか改善できなかったため、原因を突き止めるのに苦労しました……。
もし、同じようなファビコン表示の不具合が発生した場合は、ハードウェア アクセラレーションの無効化を試してみてください。
