Title: Plugin changes image sizes
Last modified: February 25, 2021

---

# Plugin changes image sizes

 *  Resolved [Beats247](https://wordpress.org/support/users/beats247/)
 * (@beats247)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/)
 * Hi there,
    I am currently testing your plugin and it somehow changes the image
   size of a certain group of images on my home page making them appear blurry (
   [https://prnt.sc/106pb05](https://prnt.sc/106pb05)). If I deactivate your plugin
   it’s fine again ([https://prnt.sc/106pc19](https://prnt.sc/106pc19)). I have 
   disabled all caching, minify, etc. options but I wasn’t able to find out what’s
   causing this issue. Do you have any idea what setting could probably cause this?
   Thank you in advance. Best regards
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fplugin-changes-image-sizes%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 14 replies - 1 through 14 (of 14 total)

 *  Plugin Contributor [Marko Vasiljevic](https://wordpress.org/support/users/vmarko/)
 * (@vmarko)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14102025)
 * Hello [@beats247](https://wordpress.org/support/users/beats247/)
 * I am sorry about the issue you are experiencing and I am happy to assist you 
   with this.
    As I can see W3 Total Cache is not enabled at the moment. Can you
   please disable the settings one by one in Performance>general settings, save 
   the settings and purge the cache after each setting is disabled, and see which
   one might be causing the issue? Also, I’ve sent that you’ve been using different
   caching plugins in the past. Please make sure that there are no residual files
   from those plugins so any possible conflict can be avoided and make sure to clear
   the Cloudflare cache .
 * Thanks!
 *  Thread Starter [Beats247](https://wordpress.org/support/users/beats247/)
 * (@beats247)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14102297)
 * Hi again,
    thanks for your reply. Again, the W3 plugin is not disabled, it’s 
   enabled. I disabled all general settings again and deleted the CF cache. It went
   back to normal then.
 * When re-enabling everything one by one, the issue occured again when activating‘
   Lazy Load Images’. Is there any fix for this as this option really saves some
   loading speed?
 * Thanks again
 *  Plugin Contributor [Marko Vasiljevic](https://wordpress.org/support/users/vmarko/)
 * (@vmarko)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14102394)
 * Hello [@beats247](https://wordpress.org/support/users/beats247/)
 * Thank you for the information.
    You can try changing the Script Embed method:
   to sync (to head) in Performance>User Experience. If this does not help the only
   option is to disable lazy loading. Some themes, plugins are embedding images 
   in a way that conflicts with the lazy load feature. These issues are one in a
   10k. Thanks!
 *  Thread Starter [Beats247](https://wordpress.org/support/users/beats247/)
 * (@beats247)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14103052)
 * Hey Marko,
    thanks again. Sync to head didn’t fix it, unfortunately. I know why
   this is happening now. All images on the homepage have the CSS class ‘mf-product-
   thumbnail’. The 3 lists on the homepage have the CSS class ‘product-thumbnail’
   though and I used some custom CSS code to increase them in size:
 * .mf-products-list-carousel .product-item .product-thumbnail {
    width: 150px; }
 * The standard was 70px. The lazy load now takes smaller images and stretches them
   even bigger somehow. Is it possible to exclude only these images from the lazy
   load?
    If I remove the custom CSS code they remain at 70px with lazy load but
   they are too small then (that’s why I increased their size with CSS). Let me 
   know please. Other than these images everything else looks fine. Thank you very
   much again!
 * Edit: I have tried to exclude them with the exclude words section but they are
   still lazy loaded. I tried
 * no-lazy-images (gave the whole section that class name)
    product-thumbnail
 * Both have no effect. How can I address these correctly? Thanks
 *  Plugin Contributor [Marko Vasiljevic](https://wordpress.org/support/users/vmarko/)
 * (@vmarko)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14105803)
 * Hello [@beats247](https://wordpress.org/support/users/beats247/)
 * Thank you for the information.
    The way to use Exclude words is to exclude a 
   specific image class so it won’t work with excluding the div class. SO in this
   case you should assign the same class for these images and exclude the specific
   class. Alternatively, and this is a bit more work, you can exclude the images
   by adding the image URL to Exclude words, I.E: [https://2020.beats24-7.com/wp-content/uploads/2021/02/image.jpg](https://2020.beats24-7.com/wp-content/uploads/2021/02/image.jpg)
   Thanks!
 *  Thread Starter [Beats247](https://wordpress.org/support/users/beats247/)
 * (@beats247)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14107182)
 * Hello,
    alright, thanks. But how is sth. like ‘data-lazy-src=’ an image class
   f.ex.? There are several entries like this set as standard in this section already.
   I don’t understand them. How do I set the class for these images? Can you let
   me know please? The page is set up with WPBakery so this is the section: [https://prnt.sc/107p46o](https://prnt.sc/107p46o)-
   > Class setting [https://prnt.sc/107p4tq](https://prnt.sc/107p4tq) / [https://prnt.sc/107p5xi](https://prnt.sc/107p5xi)
   Isn’t this a way to assign them a class, or is it just a div class? How would
   you set up a speficic class for them? I am also not sure why lazy load only stretches
   these images and everything else works, is it because it cannot handle the CSS?
 * Yes, but that won’t really work as the images change quite often, unfortunately.
   
   Thank you very much again.
 *  Plugin Contributor [Marko Vasiljevic](https://wordpress.org/support/users/vmarko/)
 * (@vmarko)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14107641)
 * Hello [@beats247](https://wordpress.org/support/users/beats247/)
 * Thank you for the information.
    Can you please disable lazy loading so I can 
   check which words can be used for those images to be excluded from the lazyload?
   Thanks!
 *  Thread Starter [Beats247](https://wordpress.org/support/users/beats247/)
 * (@beats247)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14108389)
 * Hey [@vmarko](https://wordpress.org/support/users/vmarko/),
    ok, I just deactivated
   lazy loading so you can check it. Thank you again for your help!
 *  Plugin Contributor [Marko Vasiljevic](https://wordpress.org/support/users/vmarko/)
 * (@vmarko)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14114142)
 * Hello [@beats247](https://wordpress.org/support/users/beats247/)
 * Thank you for the info.
    The issue is with:
 *     ```
       .woocommerce ul.products li.product a img.lazy {
           width: 100%;
       }
       ```
   
 * [https://2020.beats24-7.com/wp-content/themes/martfury/style.css](https://2020.beats24-7.com/wp-content/themes/martfury/style.css)
   
   and is changing the sizes When I deactivate that rule it works as expected. As
   you can see the lazyload is already applied to those images so you should disable
   W3TC Lazyload to avoid the issue. Thanks!
 *  [larryvbg](https://wordpress.org/support/users/larryvbg/)
 * (@larryvbg)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14118113)
 * .
 *  Thread Starter [Beats247](https://wordpress.org/support/users/beats247/)
 * (@beats247)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14118117)
 * Hey Marko,
    the theme has a built-in lazy load feature but I already deactivated
   that. I also deleted the css code from the theme’s CSS file but it keeps popping
   up when I enable your lazy load option. I don’t know where this CSS code is coming
   from even when I deleted it… Deactivating your lazy load isn’t really an option
   because then the complete site has no lazy load function. The lazy load function
   of my theme isn’t as good as yours, unfortunately. I guess I’ll have to try yet
   another caching plugin *sigh*, there’s also still the mobile issue so I guess
   that’s my only option. Anyways, thanks again for your help Mark, it’s much appreciated.
   Keep up the great work!
 *  Plugin Contributor [Marko Vasiljevic](https://wordpress.org/support/users/vmarko/)
 * (@vmarko)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14121433)
 * Hello [@beats247](https://wordpress.org/support/users/beats247/)
 * Thanks for the info.
    I can see that you are using some other plugin for this
   and as I can see the lazyloading issue remains even with that other plugin. Thanks!
 *  Thread Starter [Beats247](https://wordpress.org/support/users/beats247/)
 * (@beats247)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14122480)
 * Hello [@vmarko](https://wordpress.org/support/users/vmarko/),
    I am currently
   testing with WP Rocket because the theme developer recommended it for his theme.
   The image lazy load function is working fine so far so I am not sure if you have
   seen an old cached version at your end? The images have the correct size for 
   me with WP Rocket’s lazy load. Checked it with different browsers and deleted
   cache, it’s working fine. Thanks again!
 *  Thread Starter [Beats247](https://wordpress.org/support/users/beats247/)
 * (@beats247)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14128695)
 * Hello [@vmarko](https://wordpress.org/support/users/vmarko/),
    I switched back
   to your plugin again as the mobile loading issue was because of Varnish and it
   also happened with WP Rocket. I disabled the lazy load for now and I am having
   no issues beside one JS error I’ll try to fix. However, do you think it is possible
   to fix the lazy load issue (wrong image size) for the image section below the
   slider? Can we exclude them somehow or fix this any other way as everything else
   was working? Lazy load with WP rocket was not giving me this issue so I guess
   there is a solution for this? PS: I have W3 TC installed on my main site now -
   > [https://beats24-7.com](https://beats24-7.com)
 * Thank you very much again!

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Plugin changes image sizes’ is closed to new replies.

 * ![](https://ps.w.org/w3-total-cache/assets/icon-256x256.png?rev=1041806)
 * [W3 Total Cache](https://wordpress.org/plugins/w3-total-cache/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/w3-total-cache/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/w3-total-cache/)
 * [Active Topics](https://wordpress.org/support/plugin/w3-total-cache/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/w3-total-cache/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/w3-total-cache/reviews/)

 * 14 replies
 * 3 participants
 * Last reply from: [Beats247](https://wordpress.org/support/users/beats247/)
 * Last activity: [5 years, 3 months ago](https://wordpress.org/support/topic/plugin-changes-image-sizes/#post-14128695)
 * Status: resolved