With support from Fly Dynamic Image Resizer,
allows for outputting of HTML <picture> tags with multiple formats such as WebP, and multiple sizes
such as 2x.
vendi_fly_get_attachment_picture(get_post_thumbnail_id($location->ID), 'location-listing')Outputs:
<picture>
<source srcset="https://example.com/wp-content/uploads/fly-images/123/ABC-scaled-300x300-ct.jpeg.webp" type="image/webp" media="(min-resolution: 150dpi)" />
<source srcset="https://example.com/wp-content/uploads/fly-images/123/ABC-scaled-300x300-ct.jpeg" media="(min-resolution: 150dpi)" type="image/jpeg" />
<source srcset="https://example.com/wp-content/uploads/fly-images/123/ABC-scaled-150x150-ct.jpeg.webp" type="image/webp" />
<img width="150" height="150" src="https://example.com/wp-content/uploads/fly-images/123/ABC-scaled-150x150-ct.jpeg" alt="ABC" loading="lazy" />
</picture>