Chromeでの画像ぼやけ対策色々 | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]

Chromesvgブラウザ差異 こんにちは、デザイン部の田中です。 先日出来上がったページの画像がぼやけてると指摘されて修正することがあったのですが、その際調べたところ解決法が複数あったので、体験談交えてメモ的に記録しておきます。 事象と経緯 自分のPCでは特に気になっておらず、完成してからデザインチェックに出したらChromeだけ画像が荒いんですが、と指摘が上がりました。 ブラウザごとの見え方のサンプルも添えてご指摘いただいたのですが、これが結構ひどく、1pxの直線が左右にボヤっと影響しちゃってる感じ。 （FirefoxはFirefoxでシャープかかりすぎな気もしますが。。。） そのページの画像はレスポンシブ対応でRetina対応の為半分の幅で表示されていた上に、縦の表示サイズに小数点以下（.5）が出ていたため、まず、これ原因かなー！と思ってPhotoshopで開き縦横ともに偶数にしてみ