I’m trying to upload an image to convert it to webp format. FrontMatter looks like this: --- title: "My first post" thumbnail: "/path/to/my_image.jpg" --- In Hugo Template, I’m doing this {{ if (resources.GetMatch .Params.thumbnail) }} <img src="{{ ((resources.GetMatch .Params.thumbnail).Fit …

resources.GetMatch returns a resource, not a URL. Use the .Permalink method on the returned resource, as shown in the documentation for Fit. And if you want a webp image, you should perhaps not use png as target format.

Hmm, I’m a beginner, there’s something I’m missing. As shown in the documentation for Fit , I do {{ with resources.Get .Params.thumbnail }} {{ with .Fit "200x200" }} <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt=""> {{ end }} {{ end }} But unfortunately sam…

[image] LeMoussel: As shown in the documentation for Fit , I do Well, that’s not what you posted first. [image] LeMoussel: But unfortunately same result, <img src=... is not displayed As @Arif said: Post a link to your repository. Without seeing all of your code, no one can help you re…

Make sure to keep the image you want Hugo to process in assets directory. The image processing will work only if the resource is present in assets directory or a directory mounted to assets directory. More information here .

Convert 'thumbnail' image to webp format

support

Arif January 19, 2024, 7:24am 2

See the requesting help guidelines

Topic		Replies	Views
How do I turn a genericResource into an image? support	9	1018	October 21, 2020
WebP: resources.genericResource is not an image support	4	820	November 30, 2021
Trouble converting images to WebP support images	7	262	August 7, 2025
Webp Image Processing support	3	4787	December 15, 2019
#ZgotmplZ in my img src when using .Resources.GetMatch support	6	1001	December 22, 2019

Convert 'thumbnail' image to webp format

Related topics