Picturefill 2.xを使ったレスポンシブ・イメージのデモ

画像のアートディレクション(Art Direction-based Selection)

猫の窓際
<picture>
	<source
		media="(min-width: 640px)"
		srcset="img/cat-800w.jpg 800w, img/cat-1000w.jpg 1000w, img/cat-1200w.jpg 1200w">
	<img
		srcset="img/cat-400w-close.jpg 400w, img/cat-600w-close.jpg 600w, img/cat-800w-close.jpg 800w, img/cat-1000w-close.jpg 1000w, img/cat-1200w-close.jpg 1200w"
		alt="猫の窓際">
</picture>