Raoul - Web Application Developer
  • home
  • github
  • npmjs
  • Imprint / Privacy
Subscribe
Tagged

avif

A collection of 2 posts

*.avif *.webp images css background usage progressive enhanced with image-set
web performance optimization

*.avif *.webp images css background usage progressive enhanced with image-set

Part 3 of my new image formats as background-image journey (part 1, part 2). Avif and webp images bring a positive impact on every webpage's payload performance. Today (March 16 2021) avif works only in chromium based browsers and webp have "partial support" in macOS safari, we cannot use one-for-all.

  • Raoul
Raoul Mar 16, 2021 • 3 min read
avif and webp images as css background images
web performance optimization

avif and webp images as css background images

UPDATE: I was late at the image-set party, please read this blog post, how to support avif and webp images in your project.Safari is late at the webp party, whilst Firefox and chromium-based browsers heading to the avif party. This means I need to extend my webp feature detection

  • Raoul
Raoul Sep 1, 2020 • 3 min read
Raoul - Web Application Developer © 2023
Powered by Ghost