Plugin Not Working

Hello, my friend,

I did check your website and it seems that the Adaptive Images plugin is actually working! The special cookie that the plugin sets is being set correctly and if you check your website via your browser’s developer tools in responsive web design mode you will see what I mean.

Also you can check some debugging urls on any of your images, like https://seoexpertadviser.com/wp-content/themes/enigma/images/header-bg.jpg?debug=true, https://seoexpertadviser.com/wp-content/themes/enigma/images/header-bg.jpg?debug=original and https://seoexpertadviser.com/wp-content/themes/enigma/images/header-bg.jpg?resolution=320,1.

Let me know if I can help you any further.

Cheers,
Takis

Hi Takis,

I am also having the same problem. I installed the plugin successfully without errors and was able to get a good debug info without errors as well but still, the plugin is not working. I don’t understand why…

I even checked the cache folders and the images are there…

Please note that on the main pages, everything is mobile responsive even before I installed the plugin (WP theme is already mobile ready). What I needed to be responsive are the services page images. What I placed on the content are not resizing or responsive.

My website is https://www.youronlinepublicist.com

Debug info:

PHP GD library is installed.

? Image cache directory has been created.

/home2/yopadmin/public_html/wp-content/cache/adaptive-images => drwxr-xr-x

? Installation .htaccess file is setup OK.

/home2/yopadmin/public_html/.htaccess => -rw-r–r–

? Adaptive images settings dump:

array(14) {
[“resolutions”]=>
array(3) {
[0]=>
int(1024)
[1]=>
int(640)
[2]=>
int(480)
}
[“landscape”]=>
bool(true)
[“hidpi”]=>
bool(true)
[“cdn-support”]=>
bool(true)
[“cache-directory”]=>
string(21) “cache/adaptive-images”
[“watched-directories”]=>
array(2) {
[0]=>
string(18) “wp-content/uploads”
[1]=>
string(17) “wp-content/themes”
}
[“jpeg-quality”]=>
int(75)
[“sharpen-images”]=>
bool(true)
[“watch-cache”]=>
bool(true)
[“browser-cache”]=>
float(180)
[“version”]=>
string(6) “0.6.64”
[“sanitized”]=>
bool(true)
[“wp-content-dir”]=>
string(38) “/home2/yopadmin/public_html/wp-content”
[“wp-content-url”]=>
string(41) “https://youronlinepublicist.com/wp-content”
}

I hope you can help me on this please…

Thanks

Hello my friend,

I did check your website and I believe that the Adaptive images plugin is working fine there, too. I do realise it is kind of difficult to verify this on their own, because the plugin works really transparently.

However, usually a good way is to check one’s website via their browser’s web developer tools in responsive design mode (Firefox is particularly good at this) or by visiting any image directly and adding the special debugging url parameters to it like this: https://youronlinepublicist.com/wp-content/uploads/2018/02/Digital_Marketing-768×307.jpg?debug=true, https://youronlinepublicist.com/wp-content/uploads/2018/02/Digital_Marketing-768×307.jpg?debug=original and https://youronlinepublicist.com/wp-content/uploads/2018/02/Digital_Marketing-768×307.jpg?resolution=320,1.

Let me know if I can help you any further.

Cheers,
Takis

Hi Takis,

Yeah everything looks fine and no errors but I just don’t know why it doesn’t work…

I did try accessing the website using the chrome dev tool and even on my own mobile phone and still no changes. The images on the pages still does not shrink. Did I miss something?

Hello, again,

Well what I am saying is that the plugin does. You just need to check it out the right way. Look at these screenshots: https://prntscr.com/ifn2et/ and https://prntscr.com/ifn34h/.

What is probably a bit confusing, but totally intentional, is that the plugin does not affect how the images appear to the end user. It only changes the transferred size of the images, so that smaller devices will download smaller versions of the images!

Does this make any more sense to you?

Cheers,
Takis

Oh… I thought the plugin will also reduce or shrink the image’s view according to the viewer’s device. I am looking on something that changes the image sizes on the end user.
Any suggestions?

But it does shrink images according to the viewers device. However, the rendering of the images is still up to the layout and the CSS of the theme. In other words, an image should appear more or less the same with or without the Adaptive Images plugin but the actual download size will be a lot smaller in smaller devices. This is the core concept of the plugin itself!

Cheers,
Takis

Just found out the problem and finally solved it. My theme is already mobile responsive and the image was dependent on the theme I used.

How I did it before:
Opened the page to edit, clicked on “Add Media” to choose the image I wanted, then clicked on “insert to page”…this did not worked properly coz it did not make the images adaptive for mobile.

What I did was instead of choosing the image, I used the image URL, copy/pasted to the “insert from URL” field then insert into page. This time it worked. Apparently, the theme does not shrink or reduce the image for mobile if I did not use the image URL.

Thanks anyway Takis for the quick response. Appreciate it. =)

You are very welcome, my friend!

Hi,

Could you please help me in determining if my plugin is working? Here is the page I am testing, but I see no change in the Natural Image size when I hover in the web inspector after resizing the screen.

https://test.santafecanyonroad.net/artists/carol-anthony

Hello, @avashije,

It seems that the Adaptive Images plugin is working fine in your test website. Take a look at this screenshot https://prntscr.com/iqbdsc/. There you can see a very simple way of checking with your browser’s Developer Tools in Responsive Web Design Mode.

Let me know if I can help any further.

Cheers,
Takis

Thank you for looking into this. I see now that when I inspect on Safari from my iPhone, the image is resized. However, when I resize a desktop browser screen to a narrow width, the image does not change resolutions (tried in Firefox, Chrome and Safari). I tried reloading the page at the smaller size as well as clearing my browser histories, but to no avail. Please let me know what you think.

Thanks,

Ava

Hello, Ava,

I cannot guarantee that any browser in Responsive web design mode actually reports a smaller screen size in all environments. I am pretty sure that at least Firefox and Chrome do so in Windows!

This is the only critical feature that stands in the way: the browser must actually report a smaller screen size via Javascript. If it does, then the plugin is able to detect this and serve downsized images.

The technique with which one can debug this is what showed to you earlier. in addition one may add ?debug=true (show debugging information), ?debug=original (show the original non-resized version of the image)and ?resolution=320,1 (show an image as if it were requested by a device with a 320px width and a device pixel ratio equal to 1) at the end of any image in order to find out more about how each situation is handled.

Cheers,
Takis

Hello!
I also installed the plugin successfully. But images are not cached (Cache folder is empty) and displayed in full size.
I tried to include CDN support. Images are displayed with the required resolution parameter, but they are not compressed.
Ask to help with the decision of this problem very much .

Debug info

? PHP GD library is installed.

? Image cache directory has been created.

/home/kzgxvmmx/public_html/wp-content/cache/adaptive-images => drwxr-xr-x

? Installation .htaccess file is setup OK.

/home/kzgxvmmx/public_html/.htaccess => -rw-r–r–

? Adaptive images settings dump:

array(14) {
[“resolutions”]=>
array(3) {
[0]=>
int(1024)
[1]=>
int(640)
[2]=>
int(480)
}
[“cdn-support”]=>
bool(true)
[“cache-directory”]=>
string(21) “cache/adaptive-images”
[“watched-directories”]=>
array(2) {
[0]=>
string(18) “wp-content/uploads”
[1]=>
string(17) “wp-content/themes”
}
[“jpeg-quality”]=>
int(25)
[“sharpen-images”]=>
bool(true)
[“watch-cache”]=>
bool(true)
[“browser-cache”]=>
float(180)
[“landscape”]=>
bool(false)
[“hidpi”]=>
bool(false)
[“version”]=>
string(6) “0.6.64”
[“sanitized”]=>
bool(true)
[“wp-content-dir”]=>
string(37) “/home/kzgxvmmx/public_html/wp-content”
[“wp-content-url”]=>
string(30) “https://vive.com.ua/wp-content”
}

System information

Web Server
Apache

Document Root
/home/kzgxvmmx/public_html

PHP
5.6.37

PHP Time Limit
300

PHP Memory Limit
512M

PHP Post Max Size
128M

PHP Upload Max Size
128M

PHP Max Input Vars
10000

PHP Display Errors
No

PHP Error Log
error_log

MySQL
5.5.5-10.1.34-MariaDB

MySQL Ext/mysqli
Yes

MySQL Table Prefix
grdn_

MySQL DB Charset
utf8mb4

WP
4.9.7

WP Multisite
No

WP Debug Mode
No

WP Site url
https://vive.com.ua

WP WP Home url
https://vive.com.ua

WP Permalinks
/%category%/%postname%/

WP home path
/home/kzgxvmmx/public_html/

WP content dir
/home/kzgxvmmx/public_html/wp-content

WP plugin dir
/home/kzgxvmmx/public_html/wp-content/plugins

WP content url
https://vive.com.ua/wp-content

WP plugin url
https://vive.com.ua/wp-content/plugins

WP Locale
ru_RU

WP Memory Limit
40M

WP Max Upload Size
128mb

WP Active plugins
404page – your smart custom 404 error page v.7 by Peter Raschendorfer
Adaptive Images for WordPress v.0.6.64 by Nevma
Advanced Custom Fields Pro v.5.3.1 by elliot condon
Akismet Anti-Spam v.4.0.2 by Automattic
Animate It! v.2.3.2 by eLEOPARD Design Studios
API KEY for Google Maps v.1.2.0 by GeoDirectory
Author hReview v.1.0 by Hesham Zebida
Black Studio TinyMCE Widget v.2.6.2 by Black Studio
Breadcrumb NavXT v.6.1.0 by John Havlik
Contact Form 7 Multi-Step Forms v.3.0.8 by Webhead LLC.
Contact Form 7 v.5.0.3 by Takayuki Miyoshi
Duplicate Page v.2.7 by mndpsingh287
Easy FancyBox v.1.8.5 by RavanH
Essential Grid v.2.0.9.1 by ThemePunch
Google XML Sitemaps v.4.0.9 by Arne Brachhold
HTML Editor Syntax Highlighter v.2.2.3 by Petr Mukhortov
Easy HTTPS (SSL) Redirection v.1.9 by Tips and Tricks HQ
Inspectlet 2.0 – Session Recording and Heatmaps v.2.0 by Inspectlet
Google Analytics by Lara – Pro v.2.0 by Amr M. Ibrahim
Loco Translate v.2.1.4 by Tim Whitlock
Poptin v.0.9.5 by Poptin
Portfolio Post Type v.0.9.3 by Devin Price
QreativeShortcodes v.1.0.0 by QreativeThemes
Rich Contact Widget v.1.4.6 by Rémy Perona
Schema Default Image v.1.0 by Hesham
Schema v.1.7.1 by Hesham
Simple Page Sidebars v.1.2.1 by Cedaro
Page Builder от SiteOrigin v.2.7.3 by SiteOrigin
Slide Anything – Responsive Content / HTML Slider and Carousel v.2.1.10 by Simon Edge
SiteOrigin Бандл Виджетов v.1.12.1 by SiteOrigin
TwentyTwenty v.1.0 by Corey Martin
VDZ Call Back Plugin v.1.7.6 by VadimZ
Yoast SEO v.7.9 by Команда Yoast

WP MU plugins

Sincerely, viveadmin

UPD:
I noticed a regularity: if the images were added using a visual editor, the plugin works well. If I added them via html, the images are displayed full-size. Can the images have a certain class for the plugin work correctly?

Correct work: https://vive.com.ua/landscaping/3-prostyh-soveta-po-prigotovleniyu-lujayki-k-vesne/

Ignoring of images: https://vive.com.ua/landscaping/rasteniya-dlya-alpinariya/

Thanks, viveadmin