WebP Format - css tricks Artikel



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.


In Html


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

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

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