diff --git a/assets/sass/custom.scss b/assets/sass/custom.scss index 2e34894..5d66bde 100644 --- a/assets/sass/custom.scss +++ b/assets/sass/custom.scss @@ -39,7 +39,3 @@ padding-right: 1em; font-size: 1rem; } - -#content article img { - width: 100%; -} diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index 51fd594..89380d5 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -3,7 +3,11 @@ {{- if not $u.IsAbs -}} {{- $path := strings.TrimPrefix "./" $u.Path }} {{- with or (.PageInner.Resources.Get $path) (resources.Get $path) -}} - {{- $src = (.Resize "1400x jpg q50").RelPermalink -}} + {{- if gt .Width 1400 -}} + {{- $src = (.Resize "1400x webp q50").RelPermalink -}} + {{- else -}} + {{- $src = (.Process "webp q50").RelPermalink -}} + {{- end -}} {{- with $u.RawQuery -}} {{- $src = printf "%s?%s" $src . -}} {{- end -}} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index b8731cd..7a4d32f 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -26,10 +26,12 @@ {{- if in $rasters $img.MediaType.SubType -}} - {{- $img = $img.Resize (printf "x%d" $maxHeight) -}} - {{ .Params.image_alt }} + {{- if gt $img.Height $maxHeight -}} + {{- $img = $img.Resize (printf "x%d webp q50" $maxHeight) -}} + {{- end -}} + {{ .Params.image_alt }} {{ else }} - {{ .Params.image_alt }} + {{ .Params.image_alt }} {{ end }} {{ end }}