In this video we look at how to use WebP images today even though not all browsers provide support. We use the Picture tag to specify multiple image sources of which one is WebP. This allows us to provide a JPEG, PNG or similar in addition to the WebP image which is then used by browsers as a fallback.
To convert an image to WebP this is a great resource:
https://squoosh.app/