When I was trying to optimize the process, I learned about automatically setting file format and quality from Colby Fayock
Just by configuring it properly, I was able to reduce my image file size ~80% which results in less bandwidth consumption and faster image loading.
Here is how to do it.
f_auto in your Cloudinary public URL right after
- q_auto: Automatic quality selection without compromising the visuals of the image
- f_auto: It deliver the most optimized format that’s supported by the user’s browser.
For example like this:
I’ve even tried it for one of my favourite site that uses Cloudinary and able to see significant difference in file size.
Happy Optimized Images!