WebP Images on site

We can use different options here we go through two possibilities.


1. Use Plugin for photoshop


https://helpx.adobe.com/nl/photoshop/kb/support-webp-image-format.html


webp image for website


For Mac


sudo xattr -r -d com.apple.quarantine /Library/Application\ Support/Adobe/Plug-Ins/CC/WebPShop.plugin


2. Or you can use an online service that works well, you have default configuration.


https://cloudconvert.com/webp-converter

Example in page

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