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

title, description, categories, keywords, params

title	description	categories	keywords	params
images.Process	Returns an image filter that processes an image according to the given processing specification.		process	functions_and_methods aliases returnType signatures images.filter images.Process SPECIFICATION

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.

{{ with resources.Get "images/original.jpg" }}
  {{ $filter := images.Process "crop 200x200 TopRight webp q50" }}
  {{ with .Filter $filter }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ 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:

{{ $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

}}