Chromeで画像がぼやける時の対処方法

プログラミング

Chromeで画像がぼやける時の対処方法

chrome 画像 ぼやける ぼやけた css

Chromeで画像を設置したのにブラウザで表示するとぼやけて表示される。このサイトではChromeで画像を設置したのにブラウザで表示するとぼやけてしまった時の対処方法についてご紹介します。

Chromeで画像がぼやける時の対処方法

  1. image-renderingを追記する

① image-renderingを追記する

Chromeで画像がぼやけてしまった時は下記のcssを追記してみましょう

img {
image-rendering: -webkit-optimize-contrast;
}

追記後Chromeブラウザをリロードしましょう。画像がぼやけることはなくなったと思います。

以上で、Chromeで画像がぼやける時の対処方法の紹介を終わります。

タイトルとURLをコピーしました