Try it Yourself: RWD Images

RWD Images

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<img
  src="veggies-800.jpg"
  srcset="veggies-400.jpg 400w,
          veggies-800.jpg 800w,
          veggies-1200.jpg 1200w"
  sizes="(max-width: 600px) 100vw,
         (max-width: 1000px) 50vw,
         33vw"
  alt="Harvested vegetables in a wooden crate">

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<img
  src="veggies-800.jpg"
  srcset="veggies-400.jpg 400w,
          veggies-800.jpg 800w,
          veggies-1200.jpg 1200w"
  sizes="(max-width: 600px) 100vw,
         (max-width: 1000px) 50vw,
         33vw"
  alt="Harvested vegetables in a wooden crate">

</body>
</html>