Simple function that returns a WebP formatted image url if the visitors browser and the server supports WebP, if not then it will fallback to a standard image url.

If both the server and visitors browser supports WebP, the passed image will be converted to WebP unless the passed image is a SVG.
If the visitors browser does not support WebP then the image will not be converted and will maintain its current format.
If the passed image is already a WebP image but the visitors browser does not support WebP then the image will be converted to a PNG (incase of transparency).

Usage

WebP Twig Function

Example:
<img src="{{ WebP(entry.image.one, {mode: 'crop', height: 600, width: 800}) }}"/>

Optional Function Name Variations (for your preference)

WebP()
webp()
WebPMe()
webpMe()
webpme()

IsWebPSupported Twig Function

IsWebPSupported()

Returns true or false is server and visitors browser supports WebP

WebP Me

Version 1.1.1

Version 1.1.0

Version 1.0.0