调整大小
语法
RESOURCE.Resize SPEC
返回
images.ImageResource
将图像调整为给定的宽度和/或高度。
如果您同时指定宽度和高度,除非原始图像具有相同的纵横比,否则生成的图像将不成比例地缩放。
{{ with resources.Get "images/original.jpg" }}
{{ with .Resize "300x" }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}
处理规范
处理规范是一个以空格分隔、不区分大小写的列表,其中包含以下一个或多个项,顺序不限
- 操作
- 仅适用于
Process
方法。指定零个或一个crop
、fill
、fit
或resize
。如果指定了操作,则还必须提供尺寸。 - 尺寸
- 使用
Resize
方法时,提供宽度或高度,否则同时提供宽度和高度。请参阅详细信息。 - 锚点
- 与
Crop
和Fill
方法一起使用。指定零个或一个TopLeft
、Top
、TopRight
、Left
、Center
、Right
、BottomLeft
、Bottom
、BottomRight
或Smart
。默认为Smart
。请参阅详细信息。 - 旋转
- 通常指定零个或一个
r90
、r180
或r270
。也支持任意旋转角度。请参阅详细信息。 - 目标格式
- 指定零个或一个
gif
、jpeg
、png
、tiff
或webp
。请参阅详细信息。 - 质量
- 适用于 JPEG 和 WebP 图像。可以选择指定
qN
,其中N
是范围 [0, 100] 内的整数。默认为75
。请参阅详细信息。 - 提示
- 适用于 WebP 图像,等效于
cwebp
编码器的-preset
标志。指定零个或一个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 }}
原始

已处理
