Fit
將圖像縮小以適應給定的尺寸,同時保持長寬比。您必須提供寬度和高度。
範例:
{{ with resources.Get "images/original.jpg" }}
{{ with .Fit "200x200" }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}
處理規範
處理規範是一個由空格分隔、不區分大小寫的列表,包含以下一個或多個項目,順序不拘:
- action
- 只適用於
Process
方法。指定零個或一個crop
、fill
、fit
或resize
。如果指定了動作,必須提供尺寸。 - dimensions
- 使用
Resize
方法時,提供寬度 或 高度,否則提供寬度 和 高度。詳情請參見 細節。 - anchor
- 與
Crop
和Fill
方法一起使用。指定零個或一個TopLeft
、Top
、TopRight
、Left
、Center
、Right
、BottomLeft
、Bottom
、BottomRight
或Smart
。預設為Smart
。詳情請參見 細節。 - rotation
- 通常指定零個或一個
r90
、r180
或r270
。也支援任意角度的旋轉。詳情請參見 細節。 - target format
- 指定零個或一個
gif
、jpeg
、png
、tiff
或webp
。詳情請參見 細節。 - quality
- 適用於 JPEG 和 WebP 圖像。可選擇性指定
qN
,其中N
是範圍 [0, 100] 內的整數。預設為75
。詳情請參見 細節。 - hint
- 適用於 WebP 圖像,等同於
cwebp
編碼器的-preset
標誌。指定零個或一個drawing
、icon
、photo
、picture
或text
。預設為photo
。詳情請參見 細節。
- background color
- 當將 PNG 或 WebP 轉換為不支援透明度的格式時,選擇性指定背景顏色,使用三位數或六位數的十六進位顏色代碼。預設為
#ffffff
(白色)。詳情請參見 細節。 - resampling filter
- 通常指定零個或一個
Box
、Lanczos
、CatmullRom
、MitchellNetravali
、Linear
或NearestNeighbor
。還有其他可用的重採樣濾鏡。詳情請參見 細節。
範例 2
{{ with resources.Get "images/original.jpg" }}
{{ with .Fit "300x175 webp q85 lanczos" }}
<img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
{{ end }}
{{ end }}
Original

Processed
