WebP Format - css tricks Artikel

https://css-tricks.com/using-webp-images/

----------------snippet-----------

Converting your Images to WebP</h2

If you're familiar with Photoshop, the easiest way to get a taste for WebP is to try out the WebP Photoshop Plugin. After you install it, you'll be able to use the Save As option (not Save For Web!) and select either WebP or WebP Lossless from the format dropdown.

-----------------------snippet

In Html

<picture>

  <source srcset="img/awesomeWebPImage.webp" type="image/webp">

  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 

  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">

</picture>