Images are the largest contributor to page weight. Furthermore, unoptimized images can account for 2–4x more data usage, slower loading times, and bad page experience.
The solution to having an image-rich website and achieving web performance that Google and your users love is two-fold:
Serve images in next-gen format
Enabling NitroPack’s Image Optimization setting will take care of your images, keeping their high quality while massively boosting your page load times.
How does the feature work?
After enabling the setting, NitroPack will automatically apply lossy compression to reduce image file size. You can also manually adjust image quality from the Advanced Settings:
Note: Google recommends keeping your image quality at 80 or above.
Also, NitroPack’s Image Optimization feature will convert all images to WebP while keeping the original format as a backup for browsers that don’t support WebP.
Converting to WebP allows you to serve performance-optimized images in high quality:
WebP lossless images are 26% smaller than JPEGs. WebP lossy images are 25-34% smaller than JPEGs with an equivalent quality index.
Moreover, Google has developed the WebP format, and naturally, Google’s PageSpeed Insights will like it.
How to enable Image Optimization
Log in to your NitroPack dashboard.
Go to Settings, and open the Image tab:
Enable Image Optimization:
If you want to adjust the quality of your images, click on “Adjust image quality” and enter the desired value:
Save your settings:
Finally, don’t forget to clear your cache. Go to your dashboard and click “Purge all cache”: