picture element

• Lists alternative “source” elements and conditions
• Different orientations (e.g. landscape or portrait) as well as image format types

picture

<picture>
  	<source srcset="images/harvard-yard-landscape.jpg"
  			media="(min-width: 800px)">
  	<img src="images/harvard-yard-portrait.jpg" alt="Harvard Yard" />
  </picture>

• Demo of picture with different aspect ratios
• Demo of picture with different image formats