Takis Bouyouris

Hello, my friend,

I am afraid it is quite difficult for me to guess where you should edit your CSS in order to achieve what you are describing. Usually there should be two options: a) somewhere inside your theme options in the /wp-admin and b) in the theme files itself, although, if you do it there, you should probably use a child theme for more future-proof results.

However, one other quick thing that could try would be to change the image breakpoint sizes in the Adaptive Images plugin settings page. The default values there are probably “480, 768, 1024”, which means that the lowest possible width of image to be used is 480 pixels (and this is why your home screen image is stretched at a point where it appears too grainy. You could try making these size bigger, like “786, 1280” and see how things work out for you. If you do this remember to clear the plugin cache and do a hard refresh in you browser.

Hope this helps!

Cheers,
Takis

Hello, guys,

As far as I know @satellitewp must be right. Actually most caching solutions do not tamper with the delivery of images (unless we are talking about a CDN, of course). However, for some reason now your images @cheonmu seem to be forwarded internally to the Adaptive Images script indeed. Anybody can check the debugging url https://ja.seoartgallery.com/wp-content/uploads/2018/06/0001234.jpg?debug=true.

So, firstly, the resolution cookie that the Adaptive Images plugin sets is set up correctly (http://prntscr.com/niqmb5/) and, secondly, the final downloaded image is resized according to the device size as expected. Happy times for all then!

Perhaps you could share with us exactly what is the serve block code that worked for you and where exactly you have put it? It might help other users as well in the future! Thanks in advance!

Cheers,
Takis

You are welcome, my friend!

Hello, again,

It depends on the way you are including the image to your content. If you are doing it in a theme file, then you should do it right there, at the place where the HTML IMG element is created. But, if you are including it in the WordPress admin, in the TinyMCE or Gutenberg or some other builder or tool, then you should do it in that tool.

Hope this helps!

Cheers,
Takis

Hello, my friend,

Indeed the Adaptive Images plugin is not yet completely configured in your website. Since you are using NginX, I suspect that the NginX code block is not in the correct place. If it were, then all the image requests should be routed to the Adaptive Images script inside the plugins directory.

I can tell this by checking image urls like this: https://ja.seoartgallery.com/wp-content/uploads/2018/06/0001234.jpg?debug=true. The “?debug=true” at the end of the url should produce a debugging text output and not the image itself!

So, do you have any ideas why the code block in NginX is not yet working correctly? Do you think you could contact your host or admin about this? NginX can be indeed a bit tricky in such cases, I’m afraid. and there is no uniform solution like the htaccess file in Apache.

Let me know how it goes!

Cheers,
Takis

Hello, my friend,

I believe this is a case that could be handled in a support ticket and not in a review. If you would like to post a support ticket in the plugin forum, so that we can take a look at your setup and see what could possibly have gone wrong.

Apart from that, the plugin has been thoroughly tested in Windows and especially in the XAMPP (and many other such) platforms and it is totally compatible with them.

Cheers,
Takis

Hello, there,

This is a nice question, because, actually, offloading images to another domain actually makes it impossible for the Adaptive Images plugin to handle and, thus, resize them. So, it is virtually impossible to combine these two solutions. One needs to choose one of them, the one they think the most valuable.

Alternatively, I guess one could also utilise the image srcset attribute, in order to serve different versions of an image to different devices, but this would require meddling with the produced HTML code.

So, I guess that is that!

Let me know if I can help any further.

Cheers,
Takis

Hello, again,

Well, it seems that the Adaptive Images plugin is indeed working as expected! Take a look this debug url for instance https://bebetextil.com/wp-content/uploads/2019/02/edredon-para-cuna-con-protector-y-cojines-coleccion-leon-de924957.jpg?debug=true.

However, I do understand that sometimes this is a bit hard to detect with the naked eye, but this is how things are at this level. One more thing you can do is go into your browser’s Developer Tools and check that the resolution cookie of the plugin is being set correctly like this http://prntscr.com/na2jnj and then inspect an image to see its downloaded dimensions like this http://prntscr.com/na2ktj.

Let me know if I can help any further!

Cheers,
Takis