improve image transformation for website

Author: gcerar

layouts/index.html

@@ -32,8 +32,10 @@ <h1 class="my-2">{{ .Title | title }}</h1>
         {{ $img := $pageScope.Page.Resources.GetMatch .Params.featured_image }}
 
         {{ if ne $img.MediaType.SubType "svg" }}
-          {{ $img = $img.Fit "250x192" }}
+          {{ $img = $img.Fit "250x192 webp drawing" }}
         {{ end }}
+
+        
 
         <input type="checkbox" id="featured-{{ $index }}" class="read-more" />
         <div class="my-2 mx-5 text-center">

layouts/people/member.html

@@ -3,7 +3,8 @@
     {{ $resource = resources.Get "images/unk.png" }}
 {{- end -}}
 
-{{- $img := $resource.Fill "250x250 jpeg q90" -}}
+{{- $img := $resource.Fill "250x250 webp photo" -}}
+
 
 <li class="p-2 align-items-stretch" style="max-width:250px;">
     <a href="{{ .Permalink }}" class="text-decoration-none">

layouts/people/single.html

@@ -20,7 +20,7 @@
         {{- if not $resource -}}
             {{- $resource = resources.Get "images/unk.png" -}}
         {{- end -}}
-        {{ $img := $resource.Fill "200x200 jpeg q90" }}
+        {{ $img := $resource.Fill "200x200 webp photo" }}
         <img
             src="{{ $img.Permalink }}"
             width="{{ $img.Width }}"

layouts/projects/list.html

@@ -3,7 +3,8 @@
     <h1>{{ .Title }}</h1>
 
     {{ range $index, $project := sort .Pages ".Params.date_end" "desc" }}
-        {{ $img := ( .Resources.GetMatch .Params.featured_image ).Resize "200x" }}
+        {{ $img := ( .Resources.GetMatch .Params.featured_image ) }}
+        {{ $img = $img.Resize "200x webp drawing" }}
         <section class="mt-5">
             <header class="mb-2">
                 <h2>