les figures resizent automatiquement les images et les convertissent en webp

content/collection/remington-portable/index.md

@@ -51,7 +51,7 @@ Pour qu'elle soit si compacte, il a été décidé de ne pas inclure de levier d
 
 Quand on part en voyage, on peut l'emporter dans sa boîte de rangement en bois :
 
-{{< figure src="images/2025-04-21-19-29-35-249.jpg" alt="la machine dans sa boite" title="La booîte de rangement s'assemble sur la machine pour la protéger">}}
+{{< figure src="images/2025-04-21-19-29-35-249.jpg" size="600" alt="la machine dans sa boite" title="La booîte de rangement s'assemble sur la machine pour la protéger">}}
 
 
 # Ancienne !

layouts/shortcodes/figure.html

@@ -8,7 +8,11 @@ Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
 {{- $.Page.Scratch.Add "figurecount" 1 -}}
 <!-- use either src or link-thumb for thumbnail image -->
 {{- $thumb := .Get "src" | default (printf "%s." (.Get "thumb") | replace (.Get "link") ".") }}
-{{- $thumbResource := $.Page.Resources.Get $thumb }}
+{{- $thumbResource := $.Page.Resources.GetMatch $thumb }}
+{{- $fitSize := .Get "size" | default "400" }}
+{{- if $thumbResource }}
+  {{- $thumbResource = $thumbResource.Fit (printf "%[1]sx%[1]s webp q85" $fitSize) -}}
+{{- end }}
 <div class="box{{ with .Get "caption-position" }} fancy-figure caption-position-{{.}}{{end}}{{ with .Get "caption-effect" }} caption-effect-{{.}}{{end}}" {{ with .Get "width" }}style="max-width:{{.}}"{{end}}>
   <figure {{ with .Get "class" }}class="{{.}}"{{ end }} itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
     <div class="img"{{ if .Parent }} style="background-image: url('{{ if $thumbResource }}{{ $thumbResource.RelPermalink }}{{ else }}{{ $thumb | relURL }}{{ end }}');"{{ end }}{{ with .Get "size" }} data-size="{{.}}"{{ end }}>

readMe.md

@@ -6,8 +6,10 @@
 - [ ] Lien flux rss en bas de page
 - [ ] Resize scrolling posts pour écrans fullhd x1.25
 
-## Galleries
-- [ ] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
+## Galleries / figures
+- [x] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
+- [ ] Un clic sur une image l'ouvre en grand
+- [ ] La taille de l'image est un paramètre du shortcode
 - [ ] revoir le css des galleries pour le rendre moins moche
 
 ## Contenu
@@ -37,6 +39,7 @@
 
 ## Galleries
 - [x] fix le nouveau shortcode "gallery"
+- [ ] Une figure qui s'affiche en plus petit que la taille par défaut de 400px sur une page doit etre générée à cette taille uniquement 
 
 
 ## Contenu