デザインデータ通りにコーディングしたのに、ブラウザで確認すると画像がぼやけることがあります。 原因としては、画像サイズが考えられます。 ブラウザは利用者によってサイズが違うため、表示しているブラウザのサイズより、実際の画像サイズが小さいと画像がぼやけてしまうことがあります。 また、最近のディスプレイは高解像度になっているのも原因の一つ（Retinaディスプレイでは通常等倍で表示されていた画像の縦横が2倍に引き伸ばされて表示される） 対処方法としては、デザインデータ（psdやxd）から画像を書き出す際に通常の倍サイズで書き出しをしましょう。 XDデータの場合 （１）対象のレイヤーを右クリックし、「選択した項目を書き出し・・」を選択します。 （２）画像の保存画面で、「書き出し先」で「Web」、「デザイン倍率」は「１x」を選択し、最後に「書き出し」を選択します。 （３）書き出し先のフォルダを確認すると２つファイルがあり、「〜＠2x」のファイル名が倍サイズで書き出された画像ファイルです。このファイルを使ってコーディングしましょう。 PSDデータの場合 以下のサイトにやり方をまとめています。 Photoshop（PSDデータ）からコーディングする具体的な方法>画像の書き出し>書き出し手順（個別）