Back to Hugo

images.Overlay

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

0.161.1691 B
Original Source

Usage

Capture the overlay image as a resource:

go-html-template
{{ $overlay := "" }}
{{ $path := "images/logo.png" }}
{{ with resources.Get $path }}
  {{ $overlay = . }}
{{ else }}
  {{ errorf "Unable to get resource %q" $path }}
{{ end }}

The overlay image can be a global resource, a page resource, or a remote resource.

Create the filter:

go-html-template
{{ $filter := images.Overlay $overlay 20 20 }}

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

Example

{{< img src="images/examples/zion-national-park.jpg" alt="Zion National Park" filter="Overlay" filterArgs="images/logos/logo-64x64.png,20,20" example=true

}}