/
🖼

Picture

html
Table of contents
  • Webp + png usage

Webp + png usage

jsx
<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>
Want to make your own site like this?
Try gatsby-theme-code-notes by Zander Martineau.
Notes on code. My second brain, by Zander Martineau.