1 image not shown with WebP enabled

  • Hi,

    The first image in the top slider isn’t shown, images on the subsequent slides are shown. I can right click and open in a new window and I get the WebP version. I don’t see a difference between the first and next slides.

    Any idea why that one image doesn’t show?

    Thanks
    JP

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

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

  • Any idea about this one?

    Plugin Author rosell.dk

    (@roselldk)

    If you open DevTools in Google Chrome and select the Network tab, and then filter so you only see the images, you will see that all image responses are either webp or png. I guess the PNG’s must be because you have not enabled PNGs. So all is quite well!

    I see that some of the image URLs ends with “.jpg” and others with “.jpg.webp”. As the ones that ends with “.jpg” are returned as “.webp”, I can conclude you are running in “Varied image urls” mode.

    As some of the image urls ends with “.jpg.webp”, I can conlude that you have enabled Alter HTML. I can see from the HTML that you have chosen the picture tag syntax.

    I can see that some of the images are inserted using inline CSS (as background images). If you choose “Image URLs” instead of picture tags in alter HTML, you will get these as “.jpg.webp” as well.

    I also see in DevTools that some of the image requests have been initiated with javascript (jquery.js).

    Thanks. I am not sure if you look at the right spot. it’s this page,
    This page: https://www.eetsalonmarktzicht.nl/assortiment/
    And then the images in the slider all the way at top (not the popup).

    Here is a short video where I show you what I mean
    https://drive.google.com/open?id=1UKHBWvSC-Ww_2KuVqEHD48tt1IJxVBws

    All images in that slider are original jpg files. This is the first one that doesn’t show:
    https://www.eetsalonmarktzicht.nl/wordpress/wp-content/webp-express/webp-images/doc-root/wordpress/wp-content/uploads/4-soorten-friet-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x692.jpg.webp

    This is the element in the chrome inspector
    <div class="et_pb_slide_image" style="margin-top: -170.5px;"><picture><source srcset="https://www.eetsalonmarktzicht.nl/wordpress/wp-content/webp-express/webp-images/doc-root/wordpress/wp-content/uploads/4-soorten-friet-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x692.jpg.webp" type="image/webp"><img src="https://www.eetsalonmarktzicht.nl/wordpress/wp-content/uploads/4-soorten-friet-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x692.jpg" alt="4 soorten friet bij Cafetaria Eetsalon Marktzicht in Beusichem" class="webpexpress-processed" style="max-height: 352px;"></picture></div>

    This is the second one that does show.
    <div class="et_pb_slide_image" style="margin-top: -170.5px;"><picture><source srcset="https://www.eetsalonmarktzicht.nl/wordpress/wp-content/webp-express/webp-images/doc-root/wordpress/wp-content/uploads/Black-Angus-Marktzicht-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x683.jpg.webp" type="image/webp"><img src="https://www.eetsalonmarktzicht.nl/wordpress/wp-content/uploads/Black-Angus-Marktzicht-Cafetaria-Eetsalon-Marktzicht-Beusichem-1024x683.jpg" alt="Black Angus Marktzicht bij Cafetaria Eetsalon Marktzicht in Beusichem" class="webpexpress-processed" style="max-height: 352px;"></picture></div>

    Other then the file name/alt, I don’t see a difference. Do you?

    Thanks!
    JP

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘1 image not shown with WebP enabled’ is closed to new replies.