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

serve webp in home carousel

Browse Source
This commit is contained in:
Florian du Garage Num 2023-12-22 09:57:10 +01:00
parent d6b9bb444d
commit 8db1ca2ad9
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
layouts/index.html
View File

@ -16,10 +16,21 @@
{{- $webpl := $image.Resize (printf "%dx webp q%d picture" 2200 75) }}
<figure class="image">
<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 }}'
{{ 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 }}">
</picture>
</figure>