调整大小

RESOURCE.Resize SPEC

images.ImageResource

将图像调整为给定的宽度和/或高度。

如果您同时指定宽度和高度，则结果图像将不成比例缩放，除非原始图像具有相同的纵横比。

{{ with resources.Get "images/original.jpg" }}
  {{ with .Resize "300x" }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

处理规范

处理规范是一个以空格分隔、不区分大小写的列表，可以按任意顺序包含以下内容之一：

action

仅适用于 Process 方法。指定零或一个动作，其中可以是 resize、fit、fill 或 crop。如果指定了动作，还必须提供尺寸。

dimensions

在使用 Resize 方法时，提供宽度 或 高度，否则提供宽度 和 高度。详见 详情。

anchor

与 Crop 和 Fill 方法一起使用。指定零或一个锚点，其中可以是 TopLeft、Top、TopRight、Left、Center、Right、BottomLeft、Bottom、BottomRight 或 Smart。默认值是 Smart。详见 详情。

rotation

通常指定零或一个 r90、r180 或 r270。还支持任意旋转角度。详见 详情。

目标格式

指定零或一个 gif、jpeg、png、tiff 或 webp。详见 详情。

质量

适用于 JPEG 和 WebP 图像。可选择指定 qN，其中 N 是介于 [0, 100] 范围内的整数。默认值是 75。详见 详情。

提示

适用于 WebP 图像。指定零或一个 drawing、icon、photo、picture 或 text。默认值是 photo。详见 详情。

背景色

当将透明度为 PNG 或 WebP 转换为不支持透明度的格式时，可以选择使用 3 位或 6 位十六进制颜色码指定背景色。默认值是 #ffffff（白色）。详见 详情。

重采样滤波器

通常指定零或一个 Box、Lanczos、CatmullRom、MitchellNetravali、Linear 或 NearestNeighbor。还有其他可用的重采样滤波器。详见 详情。

示例

{{ with resources.Get "images/original.jpg" }}
  {{ with .Resize "300x webp q85 lanczos" }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

Original

Processed