Chromeで上部のバナー画像がぼやける?

バグかどうかは分かりませんが、Chromeではぼやけたトップバナー画像が表示されるのに対し、Firefoxでは高解像度の画像が表示されます。1か月ほど前はChromeでも高解像度でした。ちなみに4Kモニターを使用していますが、それが影響している可能性もあります。

例:

「いいね!」 2

この低解像度のバナーは他の人も再現できますか?Chromeでしか表示されません。Firefoxではこのようになりません。SVGをアップロードしたので、Firefoxで表示されるように問題なくリサイズされるはずです。Discourse 3.0.0.beta15を使用しています。高解像度モニター(4K)でのみ表示されます。

Firefoxではこのように表示されます。

「いいね!」 3

100%確実ではありませんが、Chromeが画像を縮小する方法が原因かもしれません。私も時々似たような問題に遭遇したことがあります。使用している画像を縮小する必要がないようにリサイズすると、役立つかもしれません。

「いいね!」 2

テストとして、SVGを元のサイズの25%にしましたが、Chromeでは同じ効果があります。これは最近の変更です(おそらく2ヶ月前)。SVGが繰り返され、300pxのサイズでもこの奇妙な効果があります。私は個人的にChromeを使用していません。しかし、最も人気のあるブラウザであるため、私がひどい画像を作成したと思う人もいるかもしれません:nerd_face: とりあえず無視します。

「いいね!」 3