ホームページ制作会社エスエムティのスタッフブログ

Staff blog

エスエムティの愉快な仲間たち

記事担当
ばさっち

Chromeで画像がぼやける

こんばんはばさっちです。
コーディングしたサイトをChromeで見るとぼやけてる時ってありませんか?(FireFox派)
レスポンシブデザインだったりすると、多少画像を大きく書き出すと思うんですが、PCサイズに縮小表示するとこんな感じで多少ぼやけてることありますよね?



きちんと整数で割り切れすサイズにリサイズできればよいのですが、そうは行かないこともしばしば…そんな時に便利な対処法をご案内したいと思います。

画像のcssに1行追加するだけで簡単に解消できます!!
-webkit-backface-visibility:hidden;を追加するだけ



今回見やすいようにフォントサイズの大きい画像でお見せしているので若干ジャキって見えますが、イラストや通常のテキストであれば目立つことはありません。

どうしてもリサイズできない場合に試してみてはいかがでしょうか?

クリックしていただけると幸いです

http://www.smt-net.co.jp/

旧ブログはこちら


ページの先頭へ戻る

ページの先頭へ戻る

お問合せ・ご相談

キャンペーン実施中

pay-per-click