ShortPixel can optimize your images on the fly with ShortPixel Adaptive Images, I have an account with them and 10.000 images a month that can be optimized.
ShortPixel is using their CDN to serve these optimized images in WEBP format or reduced in size, but sometimes I feel that the CDN speed offered by them is not so good and even is slowing down my site.
The good part is that you can use what CDN you want with Shortpixel to serve these images and lately I have used bunny CDN now bunny.net to serve these images.
I prefer this because bunny.net is having a very good performance at a very good price. They are having also their own image optimization service but the 9.5$ for a website seems too much for me. In this tutorial, I will show you the exact steps you need to follow to use bunny.net with ShortPixel.
- Create a Bunny.net Pull Zone
In the Name section you add the name that your zone should have and in the Origin URL the “https://no-cdn.shortpixel.ai/“
This configuration will link bunny.net to Shortpixel and the images that will be processed by Shortpixel will be served thru bunny.net network.
2. Add bunny.net zone into ShortPixel Adaptive Images
After the zone is created you just need to replace the “https://cdn.shortpixel.ai/spai” with the zone you created in my case “https://imagezone.b-cdn.net/spai”
After you save and that’s it.