PNG images are not transparent

  • Resolved gunas1867

    (@gunas1867)


    4 years, 1 month ago

    Hello,

    We’re noticing on our homepage and header (credit card logos in the headers, category buttons on homepage) PNGs are not showing as transparent. This only happens in Chrome. It shows fine in Edge and Firefox. We’ve made sure Chrome was up to date, refreshed and flushed DNS, tried computers with different IPs, this issue is only isolated to Chrome.
    We’ve narrowed it down to where this issue occurs if we have a check in the box for “Load WebP or AVIF in supported browsers?” If we leave that box unchecked, PNGs become transparent again in Chrome.

    Plugin version is 2.8.1.

    Any idea on why this is? We already have the Shortpixel plugin installed on the site. Is there any negative impact on the site if we leave that box unchecked?

    For the time being, we left the box checked so if you go to https://gpwattjroperationsllc.com/ (in Chrome), you’ll see the issue we’re referring to.
    I also have links below of how the site appears if the box is checked or unchecked.

    Screenshot of box checked

    Screenshot of box unchecked

    Any help on this situation would be greatly appreciated.

    Thank you,
    Deirdre

    The page I need help with: [log in to see the link]

Viewing 8 replies - 16 through 23 (of 23 total)
  • kozak85

    (@kozak85)

    And another question with what it may be connected or what is the problem that in Google speed shows: Postpone the loading of hidden images, although I have this function enabled, this has not happened before! check on the website:
    https://dk-fiona.ru

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    correct & yes ??

    re. lazyload; it looks like your theme also has lazyload functionality, looks like this causes a conflict with AO’s?

    kozak85

    (@kozak85)

    And what can it be, what can affect, what is it connected with? If I haven’t changed or installed anything! A week ago, everything was fine, and now he writes this: Postpone the loading of hidden images, I did not do anything or change

    kozak85

    (@kozak85)

    the cache cannot influence ?!

    kozak85

    (@kozak85)

    Or a facebook pixel code?
    and I removed it, but in Google speed everything shows exactly: postpone the loading of hidden images!
    This was not the case before!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    The png-image-conversion-to-avif issues does not affect how lazyload works kozak85, so the change in AVIF toolchain at Shortpixel has nothing to do your issue.

    based on what I see after further inspection is that the LQIP (low quality image placeholders, also generated by Shortpixel) requests are not working, see e.g. https://cdn.shortpixel.ai/client/q_lqip,ret_wait/https://dk-fiona.ru/wp-content/uploads/2020/12/Ruzinna6-1.jpg. You might want to log a ticket at Shortpixel for that. In the meantime you can disable LQIP’s with this code snippet:

    
add_filter( 'autoptimize_filter_imgopt_lazyload_dolqip', '__return_false' );
    kozak85

    (@kozak85)

    Sorry, I did not answer for a long time! But the problem remained lazy loading partially does not work, help to solve the problem, in the shortpixel they say this is a problem in optimize!
    Here is their answer:Hello,
    Regarding “Postpone the loading of hidden images” (lazy-loading), please check in Autoptimize settings if this option is activated. Also, it is good to verify if another plugin has also the lazy-loading option active.
    Regarding the LQIP, the link you provided works fine and also, on your website, the images (LQIP and the optimzied ones) are loaded correctly.
    But google pagespeed and gmetrix shows an error: Delay loading hidden images !
    How can I solve the problem, but so that lazy loading works ?!
    My site: https://dk-fiona.ru

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    no, the lqip’s do not work; see e.g. https://cdn.shortpixel.ai/client/q_lqip,ret_wait/https://dk-fiona.ru/wp-content/uploads/2020/12/Donskih12-1.jpg
    which is not an lqip but based on the header of the image source is likely a jpeg sent with an svg mime-type so the browser flips on it;

    and because this is a large file (instead of a very small lqip one), pagespeed says is should be lazyloaded.

    you’ll _really_ have to insist with the shortpixel support team I’m afraid.

Viewing 8 replies - 16 through 23 (of 23 total)
  • The topic ‘PNG images are not transparent’ is closed to new replies.