How will Webp be served if I enabled “Use Webp Images”

  • Resolved painlessseo

    (@painlessseo)


    9 months ago

    Hi my awesome SG support,

    I’d like to get myself educated on how Speed Optimizer serves Webp.

    I have Use Webp Images enabled like so: https://www.siteground.com/tutorials/wordpress/speed-optimizer/image-optimizations/#Use_WebP_Images

    Then it does serve Webp in the frontend ??, but according to this article: https://web.dev/articles/serve-images-webp, I expected to find similar code like

    <picture> <source type="image/webp" srcset="flower.webp"> <source type="image/jpeg" srcset="flower.jpg"> <img src="flower.jpg" alt=""> </picture>

    in the frontend but couldn’t. (Of course here flower.jpg, flower.webp are only for demo purposes in the above sample code)

    I wanted to make sure that the necessary code/tags for webp is indeed added to the html.

    Any suggestions will be greatly appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Pavel Dosev

    (@pdosev)

    Hello @painlessseo),

    The WebP Images feature on SiteGround works by generating and then serving WebP images directly from the server without altering the HTML <img> tags on your site. This means you won’t see the <picture> element in your code, but WebP images are still being delivered to supported browsers.

    To confirm that WebP images are being served, you can check the network requests in your browser’s Developer Tools. Look for the ‘Type’ column in the Network tab when you reload your page; it should indicate ‘webp’ for images if they are being served in that format.

    Thread Starter painlessseo

    (@painlessseo)

    Thank you Pavel! Another great answer, straight to the point. Professional and responsive!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How will Webp be served if I enabled “Use Webp Images”’ is closed to new replies.