Support » Plugin: Adaptive Images for WordPress » Can’t make it work

  • I have setup everythiing correctly. Cache folder, .htaccess rules applied. usere settings php file created.

    i have added several breakpoints from 1920 down to 200.

    But for example from my computer. If i browse domain.com/shop/ page. We have setup woocommerce the archive catalog to be 800px width. The placeholder that also gtmetrix complains is

    The images is resized in HTML or CSS from 800×800 to 294×294

    Doesn’t suppose to your plug-in resize the image to the corresponding proportions of 294×294 ?

    In the cache folder nothing is created.

    What am i missing.

    Thank you.

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

    (@nevma)

    Hello, my friend,

    First of all, let me explain a little bit how the plugin works, because it is true that Gtmetrix might not be able to detect what the plugin actually does. Gtmetrix is simply reading your HTML and CSS and provides advice based on best practices. It is not an actual mobile device. What the Adaptive Images plugin does is to resize images in the background when actual devices with real screen dimensions request for them. And it sends resized versions of the images without the devices knowing how this happened – it works totally transparently.

    Now I am not sure if this is your case, but we need to make sure that your installation is indeed properly setup for Adaptive Images. The easiest way to do so is to visit your website via your browser’s responsive web design mode in its developer tools and inspect the images delivered there. Another way is to simply add ?debug=true at the end of an image url and see if you get the debug output from the Adaptive Images plugin (if you only see the image and not the debug output, then the plugin is not yet working as expected).

    Also you can send me your website url and I could look into it for you as well.

    Cheers,
    Takis

    Hello.

    So it only works for mobiles and tablets?

    For the desktop pc browser with a monitor resolution 1080p the image will be loaded unchanged?
    Let’s say we have a 1920×1080 image and add we add it in an image widget that has a dimension 1280×720 – will your plugin resize it to that dimension? 1280×720 ? I thought that’s how it suppose to work.

    Thank you.

    Plugin Author Takis Bouyouris

    (@nevma)

    Hello, again,

    Actually it works for all devices, not only mobile devices and tablets. But in desktop devices you usually do not need it that much because they are connected to the internet via fast connections and they have more space to show all the details of bigger images. But it still works there, too!

    What image size will eventually be shown depends on the combination of a) the device size, b) the image size and c) the breakpoints that you have set in the plugin settings page.

    But note that the plugin checks the device size and not the size of the HTML container element in which the image is placed. The latter would be almost impossible to achieve!

    Hope this helps.

    Cheers,
    Takis

    Excuse my arrogance.

    So how to make it work? For example a Screen Monitor with 1920×1080 resolution

    Thumbnail images for shop archive page is 800pixels while the html container is 293pixels.

    What settings do i have to setup so that if someone is browsing through Desktop computer the images to be resized at 293×293?

    Thank you again.

    Plugin Author Takis Bouyouris

    (@nevma)

    Hello, again my friend,

    I am afraid you misunderstand what the plugin does. What you are asking can only be accomplished via HTML and CSS and the proper media queries in order to make your layout responsive. Our plugin does not handle such situations. Actually it is one of its top priorities to work transparently and not mess with the pages’ layout and let the HTML and CSS handle it.

    What the Adaptive Images plugin can actually do is to resize any image while it is being transferred to the browser and not as it is being displayed in it! This way it reduces download times. But the layout is the job of the HTML and the CSS that you use.

    Let me know if you need any further assistance!

    Cheers,
    Takis

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can’t make it work’ is closed to new replies.