【サンプルデモ】HTML5.1で追加されたpicture要素を使って画像をレスポンシブ表示するサンプル

ブラウザの幅を変えてみてください。ブラウザのサイズによって画像の大きさが自動的に変わります。

オリジナルの画像サイズは1920x1440です。

レスポンシブデザイン画像