🖼 Picture element

26 Mar, 2020

html

👋 FYI, this note is over 6 months old. Some of the content may be out of date.

On this page

Webp + png usage Jump to heading

<picture>
  <source
    type="image/webp"
    srcset="/images/free-cash.webp, /images/free-cash@2x.webp 2x"
  />
  <source
    type="image/png"
    srcset="/images/free-cash.png, /images/free-cash@2x.png 2x"
  />
  <img src="/images/free-cash.png" alt="Free Cash!" />
</picture>

← Back home