Images processing for images in HTML template

Hi,

Follow the article here Image processing | Hugo. I am trying to perform optimal image processing at html templates with hugo located in the static directory.

My list template include:

<img class = "thumbnail" src = "{{.Params.thumb_img_path | relURL}}" alt = "{{.Params.title}}" />

The parameter thumb_img_path in the content file is the path that leads to the image in the static folder:

thumb_img_path: “/uploads/sky.jpg”

However I didn’t find any other tutorials about this. Is there a solution to this problem? Thanks