basho/partials/images/loop_image.hbs
2025-06-11 22:59:02 +10:00

29 lines
1.0 KiB
Handlebars

{{#if is_special}}
<picture>
<source srcset="{{img_url feature_image size="s" format="webp"}} 300w,
{{img_url feature_image size="m" format="webp"}} 600w"
sizes="(max-width:480px) 300px, 600px"
type="image/webp">
<img srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w"
sizes="(max-width:480px) 300px, 600px"
src="{{img_url feature_image size="m"}}"
loading="lazy"
alt="">
</picture>
{{else}}
<picture>
<source srcset="{{img_url feature_image size="s" format="webp"}} 300w,
{{img_url feature_image size="m" format="webp"}} 600w,
{{img_url feature_image size="l" format="webp"}} 1200w"
sizes="(max-width:480px) 300px, (max-width:768px) 600px, 1200px"
type="image/webp">
<img srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1200w"
sizes="(max-width:480px) 300px, (max-width:768px) 600px, 1200px"
src="{{img_url feature_image size="l"}}"
{{^if is_featured}}loading="lazy"{{/if}}
alt="">
</picture>
{{/if}}