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

background-image

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,
Mar 16, 2021 3 min read
avif and webp images as css background images
web performance optimization Featured

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
Sep 1, 2020 3 min read
Page 1 of 1
Raoul - Web Application Developer © 2025
Powered by Ghost