レスポンシブWebデザインで画像が重い場合の対処方法レスポンシブWebデザインで画像が重い場合の対処方法レスポンシブ2012.05.24更新WordPressであればWPtouchプラグインを使って画像パスをスマートフォン用のパスに変更できるのであまり問題は起こらないのですが、静的HTMLで作られたサイトをレスポンシブでスマートフォン対応する場合、PCの画像をそのまま読み込むのでどうしても読み込みが遅くなります。静的HTMLのサイトをレスポンシブ対応したい時の1つの方法として、.htaccessを使用して画像パス変え、スマートフォン用の画像を読み込みます。PC版とスマートフォン版の切り替えができないサイトの作りになること、画像ファイルを1つのフォルダで一括管理をしないといけない、などの変更が必要になるので注意が必要です。cssという各フォルダ名が含まれる場合に、スマートフォンの場合にはドメイン配下に/sをつけます。下記を記述した.htaccessファイルをルートディレクトリに置きます。[R,L]ウェブ戦略にお悩みですか?御社のWEB事業部となって、分析とデザインで集客から売り上げまで改善します!デザインは2005年から。