GARAGENUM
/
ltqf
13
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

serve webp in home carousel

Browse Source
pull/11/head
Florian Roger 9 months ago
parent d6b9bb444d
commit 8db1ca2ad9
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File

15
layouts/index.html
Unescape Escape View File

@ -16,10 +16,21 @@
{{- $webpl := $image.Resize (printf "%dx webp q%d picture" 2200 75) }} {{- $webpl := $image.Resize (printf "%dx webp q%d picture" 2200 75) }}
<figure class="image"> <figure class="image">
<picture> <picture>
<source type="image/webp" srcset="{{ $jpegs.Permalink }} {{ $jpegs.Width }}w,{{ $jpegm.Permalink }} {{ $jpegm.Width }}w,{{ $jpegl.Permalink }} {{ $jpegl.Width }}w"> <source type="image/webp"
srcset="{{ $webps.Permalink }} {{ $webps.Width }}w,
{{ $webpm.Permalink }} {{ $webpm.Width }}w,
{{ $webpl.Permalink }} {{ $webpl.Width }}w"
sizes="(max-width: 1023px) 100vw,
(max-width: 1439px) 1024px,
1440px">
<img src='{{ $jpegl.Permalink }}' <img src='{{ $jpegl.Permalink }}'
{{ if ne $index 0 }} loading="lazy" {{ end }} {{ if ne $index 0 }} loading="lazy" {{ end }}
srcset="{{ $jpegs.Permalink }} {{ $jpegs.Width }}w,{{ $jpegm.Permalink }} {{ $jpegm.Width }}w,{{ $jpegl.Permalink }} {{ $jpegl.Width }}w" srcset="{{ $jpegs.Permalink }} {{ $jpegs.Width }}w,
{{ $jpegm.Permalink }} {{ $jpegm.Width }}w,
{{ $jpegl.Permalink }} {{ $jpegl.Width }}w"
sizes="(max-width: 1023px) 100vw,
(max-width: 1439px) 1024px,
1440px">
alt="{{ $image.Permalink }}"> alt="{{ $image.Permalink }}">
</picture> </picture>
</figure> </figure>

Write Preview
Loading…
Cancel
Save