HTML

Boost website speed with WebP images

Let's go!

Leverage the .webp format to reduce image sizes and enhance your website’s loading speed and overall performance.

           
<picture>
  <!-- load .webp image if supported -->
  <source srcset="logo.webp" type="image/webp">
  
  <!-- 
  Fallback if `.webp` images or <picture> tag 
  not supported by the browser.
  -->
  <img src="logo.png" alt="logo">
</picture>
Did you like this HTML code snippet? Share it with your friends:
LAST UPDATED
January 03, 2025
HITS
458