Example#
<img src="{{ hero_image | avif }}" alt="{{ hero_image.alt }}">It can be chained after image_size.
<img src="{{ hero_image | image_size("medium") | avif }}" alt="{{ hero_image.alt }}">Modifiers
The avif modifier returns an AVIF version of an image URL when WordPress can create one.
<img src="{{ hero_image | avif }}" alt="{{ hero_image.alt }}">It can be chained after image_size.
<img src="{{ hero_image | image_size("medium") | avif }}" alt="{{ hero_image.alt }}">