Chromeでのロゴ品質低下

サポート
1

こんにちは、

デスクトップ版の Google Chrome を使用すると、メインロゴと小型ロゴの両方の画質が非常に低くなります。Firefox では問題ありません。表示を改善するための設定を見落としているのでしょうか？

Firefox：
image image

Chrome：
image image

よろしくお願いいたします。

2

これは Chrome が画像を縮小する方法に起因する問題のようです。画像をヘッダーに表示される実際の寸法に近いサイズにリサイズするか、またはご自身のサイトのテーマに以下の CSS を追加することで改善する可能性があります。

.d-header #site-logo {
    image-rendering: pixelated;
}

この Chrome の問題と他の回避策については、Stack Overflow でさらに詳しい議論が行われています：https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome

3

こんにちは、

ご助力ありがとうございます。image-rendering: pixelated; はあまり効果がありませんでしたが、リンクいただいた Stack Overflow のトピックを閲覧したところ、image-rendering: -webkit-optimize-contrast の方が完璧ではありませんが、より良く機能することがわかりました。

画像をリサイズして、さらに改善できるか試してみます。