W3 Total Cache Causes Blurry Images

  • I have noticed that enabling W3 Total Cache with my settings causes all images on my website to become blurry. I do not use W3 Total Cache’s minification functionality since Cloudflare takes care of my minification. Nevertheless, I doubt that it is Cloudflare’s minification that causes the images to go blurry as they look sharp when Cloudflare is enabled but W3 Total Cache completely disabled.

    My approximate W3 Total Cache settings can be found by reviewing this page (the main difference is that I do not use a CDN): https://www.onlinemediamasters.com/w3-total-cache-settings/

    Website in question: https://www.paradigm-zero.com

    Any help to solve this issue is highly appreciated.

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

  • What’s happening (I’m almost certain), is that cloudflare, or some other plugin on your site is delivering adaptively sized images. W3TC page cache is caching the small sized images, but then on larger screens they get stretched out.

    For example: https://paradigm-zero.com/

    It’s delivering this image at 258 pixels wide https://paradigm-zero.com/wp-content/uploads/2017/02/Home-2-uai-258×183.jpg

    but on my 1920px wide monitor it looks probably double that… which is why it’s blurry.

    It would try disabling anything related to scaling of images, clear your page cache and try again. Remember, page cache will save the first version of the page that it loads.

    I have the same problem. Can anyone reply, what was the reason of this problem? Spend 2 hours, tired and want to change this plugin to another one already becouse of this problem…=(

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘W3 Total Cache Causes Blurry Images’ is closed to new replies.