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

Installation Instructions

To install this plugin, copy the command above to your terminal.

Active Installs
51
Version
1.1.0
License
MIT
Compatibility
Craft 4
Last release
April 2, 2023
Activity (30 days)
0
Closed Issues
0
Open Issues
0
Merged PRs
0
Open PRs