HUGO
Menu
GitHub 87548 stars Mastodon

images.Pixelate

Returns an image filter that applies a pixelation effect to an image.

Syntax

images.Pixelate SIZE

Returns

images.filter

Usage

Create the filter:

{{ $filter := images.Pixelate 4 }}

使用 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/}}



## Example



  

Original

Zion National Park

Processed

Zion National Park

Last updated: January 1, 0001
Improve this page