Image processing in content file

bwintx · July 11, 2022, 5:01pm

Here’s a post about what I use, albeit not using picture and img rather than figure:

. . . with the full code currently at:

brycewray/hugo_site/blob/main/layouts/shortcodes/imgh.html

{{/* init vars */}}
{{- $respSizes := slice "300" "450" "600" "750" "900" "1050" "1200" "1350" "1500" -}}
{{- $imgBase := "images/" -}} {{/* This will be from top-level /assets/images */}}
{{- $src := resources.Get (printf "%s%s" $imgBase (.Get "src")) -}}
{{- $alt := .Get "alt" -}}
{{- $phn := false -}}
{{- if .Get "phn" -}}{{- $phn = .Get "phn" -}}{{- end -}}
{{- $hint := "photo" -}}
{{- if .Get "hint" -}}{{- $hint = .Get "hint" -}}{{- end -}}
{{- /*
	hint is applicable only to webp:
	https://gohugo.io/content-management/image-processing/#hint
*/ -}}
{{- $filter := false -}}
{{- if .Get "filter" -}}{{- $filter = .Get "filter" -}}{{- end -}}
{{- $simple := "false" -}}
{{- if .Get "simple" -}}{{- $simple = .Get "simple" -}}{{- end -}}

{{- $divClass := "" -}}
{{- $imgBd5 := md5 $src -}}

This file has been truncated. show original

Topic		Replies	Views
How to resize image in custom figure shortcode? support	6	4870	June 13, 2021
How to use Image Processing using a short code?	19	6856	September 22, 2020
Hugo image processing and responsive images support images	4	3622	November 4, 2023
Understanding image processing support	5	179	November 27, 2024
Making figure shortcode responsive feature	9	3820	March 26, 2016

Image processing in content file

Related topics