Chromeのタブ表示変わった?ファビコン(アイコン)が上にずれる現象について(2024年4月)

chromeのイメージ画像
※当サイトはプロモーションが含まれています

2024年4月19日現在、PC版Chromeのタブのファビコン(アイコン)の位置が上にずれているという、SNS上での複数の投稿がなされている状況です。

本記事では、Chromeのタブ表示でファビコンが上にずれる現象・ユーザの対応について記載します。

スポンサーリンク
目次

Chromeのタブ表示でファビコン(アイコン)が上にずれる現象について

2024年4月19日現在、PC版Chromeのタブのファビコン(アイコン)の位置が上にずれたという、SNS上で複数の投稿がなされている状況です。

上記のように、Chromeをアップデート後、タブを追加した際のアイコンの位置が上にずれる現象が発生している状況です。

やまとくん

当方の状況を確認したところ、PC版Chromeのバージョン:124.0.6367.61で本現象を確認しています。

また本現象については、海外掲示板Redditでも同様の投稿がなされています。

2024年4月17日の投稿内容です。

Why are my tab icons higher up than normal?
Just got on my PC today and boom my tabs look strange.

引用元:Reddit
日本語訳

タブアイコンが通常よりも高い位置にあるのはなぜですか?
今日 PC を起動したところ、タブの表示がおかしくなりました。

スポンサーリンク

Chromeのタブ表示でファビコン(アイコン)が上にずれる現象へのユーザの対応について

本状況が発生する原因について調査したところ、海外掲示板Redditで以下のような投稿がなされていました。

In flags, I keep Chrome Refresh 2023 and Customize Chrome Side Panel disabled. If I set both to default to reenable the new design, the favicons are no longer too high up. (Similarly, whatever custom theme you are using might also conflict with Chrome version 124.)

引用元:Reddit
日本語訳

フラグでは、Chrome Refresh 2023とChromeサイドパネルのカスタマイズを無効にしています。両方をデフォルトに設定して新しいデザインを再度有効にすると、ファビコンが上の方に表示されなくなりました。(同様に、使用しているカスタムテーマもChromeバージョン124と競合する可能性があります)。

このように、旧デザインのUIを使っている方が影響を受け、アイコンが上にずれる現象が発生していると考えられます。

やまとくん

上記では、「Chrome Refresh 2023」・「customize chrome side panel」の両方をデフォルトに変更すると改善されたとのことですが、当方で検証したところ、「customize chrome side panel」をDisabledからDefaultに切り替えただけで改善されたことを確認しました。

また、オープンソースのブラウザプロジェクト「The Chromium Projects」では、以下のように本現象の発生を認識しており、記載内容から修正予定であると考えられます。

Since it is possible to turn off ChromeRefresh2023 in M124, the calculations for frame height and favicon positioning must be added back.

引用元:The Chromium Projects
日本語訳

M124でChromeRefresh2023をオフにすることが可能なので、フレームの高さとファビコンの位置の計算を追加し直す必要があります。

上記においても、旧デザインを使用することでファビコン(アイコン)の位置がずれてしまう現象について記載されています。

また、ファビコンの位置を計算し直す旨記載されており、アップデート等で修正されると考えられます

よって、本不具合はChromeのアップデート対応で解消されるかと思われますので、対応が終わるまでは待つようにするといいでしょう

やまとくん

また、アイコンが上にずれる現象をすぐに解消されたい方は、「customize chrome side panel」をデフォルトに戻してみてください。

Chromeの新デザインに戻す手順
  • Chromeを開き、アドレスバーに「chrome://flags/」と入力しエンターキーを押す
  • 「Customize Chrome Side Panel」をページ内検索(検索窓に入力)し、該当の項目を「Disable」から「Default」にする
  • 右下にRelaunch(再起動)が表示されるのでクリックするとブラウザが再起動して完了

ただし、新デザインのUIを適用することとなるため、設定の際はご注意ください。

スポンサーリンク

まとめ

本記事では、Chromeのタブ表示でファビコンが上にずれる現象・ユーザの対応について記載しました。

この記事が参考になれば幸いです。

アプリその他関連の不具合に関しましては、以下の記事もあわせて読まれています。

ぜひご覧ください!

エラー・不具合に関する他の記事も併せて読まれています。

以下のリンクから確認できますので、ぜひご覧ください!

スポンサーリンク
よかったらシェアしてね!
目次