WebP images on AMP-Theme

  • Resolved sajonara

    (@sajonara)


    3 years, 1 month ago

    Dear developers.

    I made my own AMP theme, and I knew that the “picture”-tag solution would not work. But I at least hoped that the htaccess option would do the trick. But as it turns out, right now webp images are not showing.

    Any help is very much appreciated.

    Kind regards

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author WP Media

    (@wp_media)

    3 years, 1 month ago

    Hi @sajonara

    This is Ioanna from Imagify and I’ll gladly assist you here!

    There are a few main reasons for this to fail using rewrite rules:

    – you are on NGINX and didn’t apply custom rules to nginx.conf file manually
    – image is missing a WebP version (check by opening the image in browser and append “.webp” to its’ URL
    – mod_rewrite is not active on the server (Apache)
    – image is external so it can’t be rewritten

    Having checked your website it looks that most of your images are displayed in WebP except from the following two that don’t have a WebP version. In this case, you can try to re-optimize them through the Media library in order the WebP version can be created.
    https://macnotes.de/wp-content/themes/macnotes2022/images/mn-logo.png
    https://macnotes.de/images/2020/10/Drucker-im-Buero-scaled-e1603841788892.jpg

    Let me know how it goes or if you have any further questions. I’ll be happy to help.

    Best regards,
    Ioanna

    Thread Starter sajonara

    (@sajonara)

    3 years, 1 month ago

    Dear Ioanna,

    thanks for your reply. Sorry I did not come back to you earlier, as I did not receive a notification from WP org somehow.

    Anyhow, when I check the website I don’t see any image changed. Like in the code inspector the code only shows:

    <amp-img src="https://macnotes.de/images/2019/11/Disney-Logo.876adfb7d93543e199f491911a0583f0.jpeg" srcset="https://macnotes.de/images/2019/11/Disney-Logo.876adfb7d93543e199f491911a0583f0.jpeg 1820w" width="800" height="600" layout="intrinsic" class="i-amphtml-element i-amphtml-layout-intrinsic i-amphtml-layout-size-defined i-amphtml-built i-amphtml-layout" alt="Disney+ mit mehr als 100 Millionen Abonnenten weltweit" i-amphtml-layout="intrinsic" style="--loader-delay-offset:9ms !important;"><i-amphtml-sizer class="i-amphtml-sizer" slot="i-amphtml-svc"><img alt="" role="presentation" aria-hidden="true" class="i-amphtml-intrinsic-sizer" src="data:image/svg+xml;charset=utf-8,<svg height=&quot;600px&quot; width=&quot;800px&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot;/>"></i-amphtml-sizer>
          <img decoding="async" sizes="(max-width: 1314px) 540px, 100vw" alt="Disney+ mit mehr als 100 Millionen Abonnenten weltweit" srcset="https://macnotes.de/images/2019/11/Disney-Logo.876adfb7d93543e199f491911a0583f0.jpeg 1820w" src="https://macnotes.de/images/2019/11/Disney-Logo.876adfb7d93543e199f491911a0583f0.jpeg" class="i-amphtml-fill-content i-amphtml-replaced-content"></amp-img>

    As I am using imagify whilst uploading and prior to that reworked all images, there should be webp versions of them.

    So you say, you can see the webp versions in the inspector? Or am I missing something? Because I only see the jpeg or png versions but not the webp ones.

    Kind regards,
    Alexander

    • This reply was modified 3 years, 1 month ago by sajonara.
    Plugin Author WP Media

    (@wp_media)

    3 years, 1 month ago

    Hi @sajonara

    There is no problem!

    As you are using rewrite rules option in order to check if WebP images are displayed on your website you will have to go on the Network tab on your browser. Please check on this screenshot

    Let me know how it goes.

    Best regards,
    Ioanna

    Thread Starter sajonara

    (@sajonara)

    3 years, 1 month ago

    Dear Ionna,

    thanks a lot for clarification, so everything works as expected, just was not able to see it. 🙂

    Kind regards,
    Alexander

    Plugin Author WP Media

    (@wp_media)

    3 years, 1 month ago

    Hey @sajonara

    Cool, thanks for your confirmation!

    Cheers,

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘WebP images on AMP-Theme’ is closed to new replies.