レスポンシブウェブデザインのための画像最適化対応法マップ | ブログ | SINAP - 株式会社シナップこんにちは、池田です。 今回は、レスポンシブウェブデザインのために最適化したサイズの画像を配信する方法について書きたいと思います。 画像を含むページをレスポンシブにしたいという時には、次のような課題にどうにかして対処することになります。 パソコンなど大きい横幅用の画像を、スマートフォンなどに3G回線で送ると重たい 従来のディスプレイ用の画像をRetina等高精細ディスプレイで見ると画像が小さくなる、またはボケる（直接レスポンシブの問題ではありませんが、同時に考えなくてはならないことが殆どでしょう） ブレイクポイントに応じた複数サイズの画像を用意する手間がかかる ブレイクポイントに応じた複数サイズの画像を用意するとストレージを消費する これらについて様々な対応策が出てきていますので、一旦現時点での様子を、関係者という観点で整理してみます。 更新のたびに最適化ロジックを書く 画像のURLを書く
