Modifiers

webp

The webp modifier returns a WebP version of an image URL when WordPress can create one.

Example#

php

<img src="{{ hero_image | webp }}" alt="{{ hero_image.alt }}">

It can be chained after image_size.

php

<img src="{{ hero_image | image_size("medium") | webp }}" alt="{{ hero_image.alt }}">