New to the community? Start here

[Smush Pro] WebP Images Not Serving With Smush Pro on WP Engine

After adding the suggested code from Smush Pro, I am still not seeing WebP images getting properly served.

Tue, 5 Jan 2021 20:36:45
More Smush Pro discussions
Smush Pro
  • Nithin Ramdas
    • Support Wizard

    Hi Ben ,

    I could notice WebP is listed as enabled and working:
    [attachments are only viewable by logged-in members]

    What Smush Pro does is it adds htaccess rules related to webP and instructs the server to change the content type of the images to WebP whenever the images are requested. The feature doesn’t change the file extensions ie for example abc.jpg to abc.webp

    If you check the content type of the images it should now have webp as its type which should be enough to serve images in WebP format.
    [attachments are only viewable by logged-in members]

    Please check our documentation for more information regarding this:
    https://wpmudev.com/docs/wpmu-dev-plugins/smush/#verifying-webp-output

    I hope this brings more clarity. If you still notice any issues with any images not working in the above form then please do list it out, at the moment all the images seem to be loading fine in webp when checked.

    Best Regards,
    Nithin

  • Ben
    • Site Builder, Child of Zeus

    Interesting! I had been going by the element inspector which is showing the JPG being served – is that not the correct way to verify, then? I am glad it seems to be working I just want to make sure I’m verifying correctly.

  • Jose Varghese
    • Site Builder, Child of Zeus

    Hello Ben

    Good day to you. Like as Nithin mentioned, the file extension won’t be changed to .webp as we use rules within .htaccess to load .webp if a png, jpeg, jpg is requested to load over a website. That means, the URL will be the same even if the webp is enabled. The best way to confirm whether webp is loading is by checking the content-type on Developer Tools.

    For that, from the Developer Tools > Select Network Tab and hit Ctrl + R and select Img. From the table you can see all the images which are loaded within the webpage and within the Type you can see all the images served from your website URL as webp.
    See screenshot:
    [attachments are only viewable by logged-in members]

    Note: If any images are requested to load from other websites URLs, those won’t be converted to .webp by WP Smush.

    Hope it’s clear to verify the webp images loading over the website.

    Looking forward.

    Regards,
    Jose Varghese