Viewport, Responsive Images, and Source Sets

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<img
  src="hero-800.jpg"
  srcset="hero-400.jpg 400w, hero-800.jpg 800w, hero-1200.jpg 1200w"
  sizes="(max-width: 768px) 100vw, 800px"
  alt="Product hero banner"
/>

What's Next

• Next: Lazy Loading and Markup Performance Basics