<picture>
  <source srcset="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/cc-1800.webp" type="image/webp" />
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/cc-1800.jpg" alt="Chris Coyier">
</picture>
img {
  max-width: 100%;
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.