• Resolved Zwerg-im-Bikini

    (@zwerg-im-bikini)


    Hello,
    I hope you can help me with this little problem. I installed the plugin, went to the settings page and checked if the images were created. They are in the uploads folder and everything looks fine there, but they are not used on the website. The big images are still loaded on small screens.

    In a different post about the same issue I read something about cookies. How can I check if they are working? I am not sure if this is important, but I use some other plugins as well (Breadcrumb NavXT, Meta Slider, Page Specific Menu Items).

    Debug info:

    ✔ PHP GD library is installed.
    ✔ Image cache directory has been created.
    /kunden/166789_60314/rp-hosting/13/13/leschfrei.de/wp-content/cache/adaptive-images => drwxr-x—
    ✔ Installation .htaccess file is setup OK.
    /kunden/166789_60314/rp-hosting/13/13/leschfrei.de/.htaccess => -rw-r—–

    ❖ Adaptive images settings dump:

    array(12) {
    [“resolutions”]=>
    array(3) {
    [0]=>
    int(1024)
    [1]=>
    int(640)
    [2]=>
    int(480)
    }
    [“cache-directory”]=>
    string(21) “cache/adaptive-images”
    [“watched-directories”]=>
    array(1) {
    [0]=>
    string(18) “wp-content/uploads”
    }
    [“jpeg-quality”]=>
    int(85)
    [“sharpen-images”]=>
    bool(true)
    [“watch-cache”]=>
    bool(true)
    [“browser-cache”]=>
    float(180)
    [“landscape”]=>
    bool(false)
    [“hidpi”]=>
    bool(false)
    [“cdn-support”]=>
    bool(false)
    [“version”]=>
    string(6) “0.6.51”
    [“sanitized”]=>
    bool(true)
    }

    https://wordpress.org/plugins/adaptive-images/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Takis Bouyouris

    (@nevma)

    Hello, my friend,

    Indeed the plugin sets a cookie which holds the requesting device’s size in order to be able to calculate what image size to send each time.

    May I have a look at your website (its frontend only, of course)?

    Otherwise you could easily debug if the plugin is working as it is explained in the “How to test” section of the plugin “Description” tab in https://wordpress.org/plugins/adaptive-images/.

    Cheers,
    Takis

    Thread Starter Zwerg-im-Bikini

    (@zwerg-im-bikini)

    Thank you very much for the reply. I tested it with the mobile view in the Chrome developer tools, and the source code shows the regular image file (900px).

    This is the website: http://www.leschfrei.de/arbeiten/kreative-highlights/
    (this is a page with many images, so I use it for testing)

    Plugin Author Takis Bouyouris

    (@nevma)

    Hello, again,

    First of all, thank you for sharing your website with us!

    Are you sure you checked the mobile view in Chrome Developer Tools? I did check the page you sent and the images seem to be resized correctly.

    As you can see here http://www.leschfrei.de/wp-content/uploads/kreativehighlights_licher.png?debug=true the debug url for a random image works.

    Also the original image can be retrieved by http://www.leschfrei.de/wp-content/uploads/kreativehighlights_licher.png?debug=original.

    Lastly, my Firefox Developer Tools in mobile view show that the necessary cookie is being set correctly and that the correctly resized image is being downloaded as you can see here http://prntscr.com/c50o2p and here http://prntscr.com/c50nj1.

    You should not care if you see that in the HTML it still says that the image width is 900px. We do not mess with the delivered HTML. However the actual image being sent to the browser is a resized one!

    Let me know if there is anything more you need.

    Cheers,
    Takis

    Thread Starter Zwerg-im-Bikini

    (@zwerg-im-bikini)

    Oops… Then I guess I misunderstood how the tool works and did something wrong when checking the mobile view. I am very sorry for stealing your time, but I am glad it works fine. Thank you for your patience and this useful plugin 🙂 I will make sure to make a little donation in return.

    Plugin Author Takis Bouyouris

    (@nevma)

    Thank you very-very much for your donation, I am glad I could help out!

    Cheers,
    Takis

    Anonymous User 14978628

    (@anonymized-14978628)

    You should not care if you see that in the HTML it still says that the image width is 900px. We do not mess with the delivered HTML. However the actual image being sent to the browser is a resized one!

    I was wondering about this also. When inspected in chrome the natural image size is larger 417×336 (natural 900×726) which would suggest that the smaller image size is not being used.

    Is there any reason why you have chosen not to output the correct image size in html? This would make it much easier for people to see their images are optimized and the plugin is working correctly. How did you get the actual image size to display in firefox? i couldn’t get it showing on the title bar like you showed in the pictures.

    What about search engines? Will google think that images are not optimized?

    Plugin Author Takis Bouyouris

    (@nevma)

    Hello,

    Nice points, let me explain!

    The Adaptive Images plugin does not handle the HTML at all. This is one of the principles behind its functionality, so that it works unobtrusively. When you come to realize this, it sounds a bit too implicit, but actually this is the true intention of the plugin itself!

    So what one sees in my previous screenshots (http://prnt.sc/c50nj1 and http://prnt.sc/c50o2p) is only natural. I did nothing special to produce it. The HTML tells the browser to download a specific image but, when the browser requests that image from the server, then the server sends a resized version of it transparently. Of course, when that image finally reaches the browser one can tell that what its dimensions actually are!

    Now, Google -and all other search engines and crawlers for that matter- will always download the original image which is dictated in the HTML, because they do not send the special resolution cookie that the Adaptive Images plugin sets in order to save the calling device’s screen width.

    Cheers,
    Takis

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Adaptive Images are created but not used’ is closed to new replies.