Default to responsive lazyloaded images
This commit is contained in:
parent
24e14d6c9d
commit
87afba6fc2
13
post.hbs
13
post.hbs
|
@ -13,7 +13,16 @@
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
{{#if feature_image}}
|
{{#if feature_image}}
|
||||||
<img class="gh-feature-image" src="{{feature_image}}" alt="{{title}}" />
|
<img class="gh-feature-image"
|
||||||
|
srcset="{{img_url feature_image size="s"}} 300w,
|
||||||
|
{{img_url feature_image size="m"}} 600w,
|
||||||
|
{{img_url feature_image size="l"}} 1000w,
|
||||||
|
{{img_url feature_image size="xl"}} 2000w"
|
||||||
|
sizes="(max-width: 1000px) 400px, 700px"
|
||||||
|
loading="lazy"
|
||||||
|
src="{{img_url feature_image size="m"}}"
|
||||||
|
alt="{{title}}"
|
||||||
|
/>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
@ -50,4 +59,4 @@
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
{{/post}}
|
{{/post}}
|
||||||
|
|
Loading…
Reference in New Issue