Support » Plugin: EWWW Image Optimizer » Webp and jpg trouble with edge and IE

  • Resolved le.mag.cinema

    (@lemagcinema)


    Activating ewwwimage optimizer with Webp breaks our site on edge and IE (everything is Ok on chrome and firefox)
    The JS webp enabler is on, due to cloudfare.

    Here is an extract of the code source that is generated

    <img width="600" height="360" class="attachment-full size-full wp-post-image no-object-fit error" alt="" src="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg" 
    sizes="(max-width: 600px) 100vw, 600px" 
    data-lazy-srcset-webp="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg.webp 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg.webp 300w" data-lazy-src-webp="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg.webp" data-lazy-src="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg" nopin="nopin" data-wp-pid="639640" data-lazy-sizes="(max-width: 600px) 100vw, 600px" data-lazy-srcset="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg 300w" srcset="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg 300w" 
    data-was-processed="true"/>

    I tried to check whether the problem was with the webp format itself, or not …
    So I tried this file:

    <html>
    <img width="600" height="360" class="attachment-full size-full wp-post-image no-object-fit error" alt="" src="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg" 
    sizes="(max-width: 600px) 100vw, 600px" 
    data-lazy-srcset-webp="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg.webp 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg.webp 300w" data-lazy-src-webp="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg.webp" data-lazy-src="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg" nopin="nopin" data-wp-pid="639640" data-lazy-sizes="(max-width: 600px) 100vw, 600px" data-lazy-srcset="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg 300w" srcset="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg 300w" 
    data-was-processed="true"/>
    <img width="600" height="360" class="attachment-full size-full wp-post-image no-object-fit error" alt="" src="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg" 
    sizes="(max-width: 600px) 100vw, 600px" 
    />
    <img width="600" height="360" class="attachment-full size-full wp-post-image no-object-fit error" alt="" src="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg" 
    sizes="(max-width: 600px) 100vw, 600px" 
    data-lazy-srcset-webp="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg.webp 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg.webp 300w" data-lazy-src-webp="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg.webp" data-lazy-src="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg" nopin="nopin" data-wp-pid="639640" data-lazy-sizes="(max-width: 600px) 100vw, 600px" data-lazy-srcset="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg 300w" srcset="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg 600w, https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda-300x180.jpg 300w" 
    />
    <img width="600" height="360" alt="" src="https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg" />
    </html>

    and all 4 four images here do not display, even the simple one with only a .jpg file.

    It seems that the jpg file has been corrupted … and is now a webp file
    If I try simply the url https://lemagcinema.fr/wp/wp-content/uploads/2019/04/affiche-mis-en-avant-Agnès-varda.jpg
    I get a binary file that starts with
    RIFF$x��WEBPVP8

    I believe the mass optimisation of EWWW Image Optimizer (a lot of bugs on it, has always been) may be the responsible … Have you seen that ?

    • This topic was modified 5 months ago by  Jan Dembowski. Reason: Fixed broken formatting

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

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.