Hello, there,
Let me try to explain this a bit more!
WordPress creates some image thumbnails indeed. It is up to the theme to set the sizes of these images. These images are not necessarily small! They can be big too. Now, when an image is actually used in the content of a website, or in a slider, etc, most of the times the image is in a big dimension.
Our plugin makes sure that it will serve a resized version of each image, not according to the theme, but according to the device dimensions. And it does this regardless of the thumbnail sizes that the theme has set. It also does this even for the biggest image sizes that the user or the developer might use.
It is true that -partly- WordPress tries to do something like this since it adopted the responsive image tag. However, this tag uses the existent thumbnail sizes of each theme which might not always be resized and cropped nicely.
Hope things are clearer now!
Let me know if I can help any further!
Cheers,
Takis
Hi Takis,
On My website (https://sprybag.com), I have many images in the carousels. Depending on the screensize the image dimensions vary from 220x220px to 120x120px. But the image being loaded is 300x300px.
How do I use your plugin to solve that?
Thanks
Hello, again,
The Adaptive Images plugin filters all images as files, when they are to be transferred to the browser. So, all images of any size will go through the plugin. Of course, the images that are already small enough for a given device do not need to be further resized! This depends on the device size and the breakpoints that one has set in their plugin options.
This is why the plugin does not interfere at all with what WordPress does for responsive images. The plugin will simply filter all images and decide whether they should be resized or not. Even the small ones! (Of course the small ones do not need to be resized, as I explained above.)
Does this answer your question?
Cheers,
Takis
So from what I could gather. If I am displaying 150×150 pixel image on my site and I have set two breakpoint 130×130 and 175×175, then the browser will load the 130×130 image?
I’ll try the plugin firsthand to answer my questions myself! It works with Cloudflare and subdomain right?
Thank you,
Resham Panth
Yes, that is correct, although it would not make much sense to have two breakpoints so similar to each other, because the resulting images will have the same download size more or less.
In a nutshell the plugin tries to find a breakpoint as close to the device size as possible, so as not to waste precious bandwidth.
Pertaining to CloudFlare and CDNs in general the support is still a bit experimental. This means that a) it does offer the 100% of the plugin’s potential and b) it does not work yet with CSS background images.
