個人開発者をサポートするQ&Aツール

個人開発者・フリーランスエンジニア・リモートプログラマの
問題解決をサポートするサービスです

登録不要ですぐに質問を開始できます

Chromeブラウザで画像を表示すると原寸よりサイズを小さくした時に荒くなってしまう

解決済 50pt 1件

多分Google Chromeブラウザ限定だと思うんですが、htmlのimgタグで指定した画像を、htmlもしくはcssからサイズを変更して原寸サイズより小さくして表示すると画像が荒く見えてしまいます。

なんとなく画像がぼやけた感じになると言うんでしょうか。
試しに他のブラウザ、safariやfirefoxでも見てみましたが問題ありませんでした。

原因がお分かりになる方はいますか?
Chrome 80.0.3987.149
html css chrome
ベストアンサーに選ばれた回答
以下のcssをイメージタグに設定してください。

クロームのバージョン36以上で有効ですから、現在のほとんどのクロームブラウザで有効になるかと思います。

/* chrome対策 */
img{
    -webkit-backface-visibility: hidden;
}

回答の編集

この質問はすでに終了しているため変更できません

画像が綺麗に表示されました!ありがとうございます!

名もなきエンジニアのプロフィール画像 名もなきエンジニア

回答

この質問はすでに終了しているため、回答できません