• Resolved mike8040

    (@mike8040)


    Hi there,

    I overcame this issue using css and rearranging the layout in the past. Hadn’t time to investigate till now.
    The problem. Images are pixelated and mush because the wrong img resolution gets chosen even thought bigger resolution are available. The real estate the images takes up is 600x600px. In the hmtl codes one clearly sees, that 300×300 is taken to show the image. I can even change the file ending to 600×600 in development tools and its looks how it should. This is of course bad and looks like that. Woocommerce product grid is the problem here. How to force WP/Imagify to use the correct size?

    Anyone know how to fix this?

    • This topic was modified 3 years, 4 months ago by mike8040.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author WP Media

    (@wp_media)

    Hi @mike8040

    I guess the issue is happening only when WebP feature is active, right? There should not be any differences if you use original format.

    Also, if you don’t use CDN or Cloudflare, you might consider using rewrite rules method to deliver WebP. It would work fine as well.

    Is there any chance to see this directly on your page, is it possible to send us a link?

    Best Regards
    Marko

    Thread Starter mike8040

    (@mike8040)

    Hey there,

    Thanks for your response and sorry mine being late. You’re right I’m using Cloudflare and webp. I noticed that the same problem appears on mobile with high resolution phones too where all product images are mush. Seems like no retina feature is recognized. For the other case described in the first post, I switched the product grid to 4 columns where the issue isn’t noticeable anymore because the images get scaled down. Kind of a content workaround more then a fix.

    Do you have a link that describes the rewrite rule in detail? I guess one would deactivate the webp feature in the plugin an write a rule in the htaccess?
    Since the site is NFWS I would share through direct message. If you can give me a contact address, I send you the link.

    All the best

    Plugin Author WP Media

    (@wp_media)

    Hey @mike8040

    Thanks for providing these details, no worries about delay ??

    There is one important thing you mentioned – Retina. Imagify’s WebP feature is not compatible with Retina at this moment, so these will not work together (that is one of the problems that, unfortunately, can not be solved). ??

    Regarding the wrong size used, it would be good to double-check if the same thing happens when WebP is not active (is the correct size used by WP in that case)? We are happy to check this further (you can create a ticket from our Contact page https://imagify.io/contact if you are not ok with sharing the URL or other sensitive information).

    We can check this further, of course, but using Retina and WebP is the big trouble where we do not recommend using both at the same time.

    Let me know what you think.

    Best Regards
    Marko

    Thread Starter mike8040

    (@mike8040)

    Hello,

    thanks I’m gonna try out disabling webp on the staging site. What I meant with retina, maybe not the right wording, actually every modern phone which has high density pixel ratio got this issue. It seems to be the same problem that images gets chosen which are not appropriate for the pixel real estate. I have further details I will contact you with more details though the contact form.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Pixelated images because its loading too small sizes’ is closed to new replies.