Improved image optimisation on Netlify / Netlify Large Media

Features
22

Haven’t heard an update on this thread, but now coming back to it to ask for more :slight_smile:

Getting support for AVIF files would be amazing. Support for this format is now in Chrome and Firefox (and speculatively coming to Safari). It’s supposed to be much better than even webp (now 10 years old). Others, like Cloudflare, are beginning to support it

Getting support for AVIF for netlify’s image optimization would be :gift: :santa:

Per my previous example, if large media supported asking for different image formats, writing HTML that provides modern user agents with the best image format supported on their device would be negligible:

<picture>
  <source
    srcset="
      image.png?nf_resize=fit&w=100&h=100&type=avif,
      image.png?nf_resize=fit&w=200&h=200&type=avif 2x
    "
    type="image/avif"
  />
  <source
    srcset="
      image.png?nf_resize=fit&w=100&h=100&type=webp,
      image.png?nf_resize=fit&w=200&h=200&type=webp 2x
    "
    type="image/webp"
  />
  <source
    srcset="
      image.png?nf_resize=fit&w=100&h=100&type=png,
      image.png?nf_resize=fit&w=200&h=200&type=png 2x
    "
    type="image/png"
  />
  <img src="image.png?nf_resize=fit&w=100&h=100&type=png" />
</picture>