How do I resize images?

I have read a lot of hugo documentation but can’t seem to resize images. Here is the source code of my website. Thanks!

Where do you want to resize them? In single pages or list pages?

singles pages. I have already tried putting them in static/images and then but how to resize?

You need to move them to the assets folder or mount your static folder to assets. But it is easier if you put them in page (leaf) bundles and access them as page resources. Then you can either use a <figure> shortcode or an image render hook.

1 Like

To do the actual resizing, look for the image processing documentation on the website, specifically “method” and “options”.