How Optimole counts the number of optimized images
How do you count images? Why the image size quota is larger than all the images that I have on my site?
First of all, if you are used the visits limit plan, the image metric is present just for your statistics purposes, your account is limited to the number of images optimized.
For the sake of the examples, let's imagine that you have only one image on the site, of 1MB. That's the source image that we will use. Based on my first explanation on how #1 is counting I will share some possible scenarios for your site.
- One user is viewing your image on a desktop machine with Chrome browser. Your image container has on desktop 600x600 and we will deliver the image as WebP which is the best format for this browser. We will increment the Image metric with 1MB for this case. All the upcoming users who use the same browser at similar resolution will get the same image, cached, without incrementing image metric.
- Another user is viewing your image on a desktop machine with Safari. Your image container has on desktop 600x600 and we will deliver the image using the original format, as WebP is not supported by this browser. This will require another transformation that will increment Image metric with 1MB for this case.
- Another user is viewing your image on a mobile device with Android with Chrome. Your image container has on mobile a smaller version of 200x200 and we will deliver this using WebP. This also will increment the Image metric with 1MB.
- Another user is viewing your image on a mobile device with Safari. Your image container has on mobile a smaller version of 200x200 and we will deliver this using the original format as Safari does not support WebP format. This also will increment the Image metric with 1MB.
Those are just a part of the possible optimizations that can be done, more variations could be found based on your website layout and how is built.
As you can see we optimize as best as we can each image contextually based on the user device and screen. Due to this fact, the same image might be optimized differently based on your visitor's details.