Prior to this feature, the labor-intensive task of manually resizing images for different devices was necessary to achieve faster load times and better PageSpeed Insights scores. This meant creating various versions of each image, which was not only time-consuming but also far from efficient.

Our new in-flight image optimization feature is designed to save you time and hassle. While export Quarkly will automatically generate a srcset tag for every image on the page, making multiple versions of that image available. All the scaling work is performed by our CDN when your page finally loads, so your users get the best version for their device without you having to lift a finger.

If you’re a fan of hands-on customization, rest assured — our new feature plays well with manual settings. You can still manually specify srcset attribute for your images if you wish. And if you ever want to opt-out of this automated optimization without defining own srcset, just check the "Disable optimization" checkbox in the Props panel of Image primitive.

Can you see the difference? These images are almost identical to the human eye, but the right image is 10x smaller size! Pretty cool, that it also works with images from Unsplash.

Originally, this GIF image would have consumed a whopping 2.4Mb of your bandwidth. However, thanks to our in-flight optimization, its size has been reduced dramatically to just 400Kb! It's worth noting that GIFs also get the optimization treatment, they are converted into the more efficient animated WebP format during the loading process.

This feature is live and you don't need to do anything to activate it. The next time you export, you will get an optimized version of all the images on your site. If you face any strange behavior in your case - feel free to reach our support team in the chat!

During this beta stage, we're making this feature available to all users. Down the line, we may link it to specific tariff plans.