AVIF for heavy photos
Test AVIF on hero, product, and editorial images where compression savings can matter most.
Skymage keeps your original uploads where they are and creates cacheable WebP or AVIF delivery URLs for product images, article covers, user uploads, and marketing pages.
https://demo.skymage.net/v1/cdn.example.com/uploads/hero.jpg?w=1200&f=avif&q=82
https://demo.skymage.net/v1/cdn.example.com/uploads/hero.jpg?w=1200&f=webp&q=84
https://demo.skymage.net/v1/cdn.example.com/products/shoe.jpg?w=420&h=520&fit=cover&f=webp&q=80
The useful question is not whether WebP or AVIF is newer. It is which repeated image paths can move page weight, LCP, bandwidth, or conversion risk with the least implementation work.
Test AVIF on hero, product, and editorial images where compression savings can matter most.
Use WebP variants for repeated thumbnails, CMS media, and product grids with predictable quality.
Keep source files in your app, CMS, S3, Bunny Storage, or public origin while changing delivery URLs.
Format conversion works best when the image is also resized to the rendered slot. Skymage keeps both decisions in the URL so one template can be tested quickly.
| Image slot | Skymage URL parameters |
|---|---|
| Product grid card | ?w=420&h=520&fit=cover&f=webp&q=80 |
| Landing page hero | ?w=1400&fit=inside&f=avif&q=82 |
| CMS article cover | ?w=960&h=540&fit=cover&f=webp&q=84 |
| Gallery detail image | ?w=1600&fit=contain&f=avif&q=85 |
Start with a category page, article page, landing page, or gallery that repeats images.
Keep the original image source and request WebP or AVIF through the Skymage URL.
Measure bytes, dimensions, visual quality, and cache behavior before changing more templates.
Apply the same URL pattern to the next image slot only after the first one proves value.
Send one public page. The free audit will identify which images should use WebP, where AVIF is worth testing, and the exact Skymage URL parameters to try first.
Create a Skymage CDN URL, prepend it to your existing image URLs, and let the edge handle optimization, transforms, and delivery.
No credit card required. 14-day free trial.