images.Opacity
Returns an image filter that changes the opacity of an image.
Syntax
images.Opacity OPACITY
Returns
images.filter
The opacity value must be in the range [0, 1]. A value of 0 produces a transparent image, and a value of 1 produces an opaque image (no transparency).
Usage
Create the filter:
{{ $filter := images.Opacity 0.65 }}使用 images.Filter 函數應用濾鏡：
{{ with resources.Get "images/original.jpg" }}
{{ with . | images.Filter $filter }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}您也可以使用 Resource 對象上的 Filter 方法應用濾鏡：
{{ with resources.Get "images/original.jpg" }}
{{ with .Filter $filter }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}
{{__hugo_ctx/}}
The `images.Opacity` filter is most useful for target formats such as PNG and WebP that support transparency. If the source image does not support transparency, combine this filter with the `images.Process` filter:
```go-html-template
{{ with resources.Get "images/original.jpg" }}
{{ $filters := slice
(images.Opacity 0.65)
(images.Process "png")
}}
{{ with . | images.Filter $filters }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}Example
Original
Processed
