ContextQMD
Back to Hugo

images.Process

docs/content/en/functions/images/Process.md

0.161.11.3 KB
Original Source

Returns an image filter that processes an image according to the given processing specification. This versatile filter supports the full range of image transformations, including resizing, cropping, rotation, and format conversion, all within a single specification string. Use this as an argument to the Filter method or the images.Filter function.

go-html-template
{{ with resources.Get "images/original.jpg" }}
  {{ $filter := images.Process "crop 200x200 TopRight webp q50" }}
  {{ with .Filter $filter }}
    
  {{ end }}
{{ end }}

In the example above, "crop 200x200 TopRight webp q50" is the processing specification.

{{% include "/_common/methods/resource/processing-spec.md" %}}

Usage

Create a filter:

go-html-template
{{ $filter := images.Process "crop 200x200 TopRight webp q50" }}

{{% include "/_common/functions/images/apply-image-filter.md" %}}

Example

{{< img src="images/examples/zion-national-park.jpg" alt="Zion National Park" filter="Process" filterArgs="crop 200x200 TopRight webp q50" example=true

}}