Fit

將圖像縮小以適應給定的尺寸,同時保持長寬比。您必須提供寬度和高度。

範例:

{{ with resources.Get "images/original.jpg" }}
  {{ with .Fit "200x200" }}
    <img src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}" alt="">
  {{ end }}
{{ end }}

處理規範

處理規範是一個由空格分隔、不區分大小寫的列表,包含以下一個或多個項目,順序不拘:

action
只適用於 Process 方法。指定零個或一個 cropfillfitresize。如果指定了動作,必須提供尺寸。
dimensions
使用 Resize 方法時,提供寬度 高度,否則提供寬度 高度。詳情請參見 細節
anchor
CropFill 方法一起使用。指定零個或一個 TopLeftTopTopRightLeftCenterRightBottomLeftBottomBottomRightSmart。預設為 Smart。詳情請參見 細節
rotation
通常指定零個或一個 r90r180r270。也支援任意角度的旋轉。詳情請參見 細節
target format
指定零個或一個 gifjpegpngtiffwebp。詳情請參見 細節
quality
適用於 JPEG 和 WebP 圖像。可選擇性指定 qN,其中 N 是範圍 [0, 100] 內的整數。預設為 75。詳情請參見 細節
hint
適用於 WebP 圖像,等同於 cwebp 編碼器的 -preset 標誌。指定零個或一個 drawingiconphotopicturetext。預設為 photo。詳情請參見 細節
background color
當將 PNG 或 WebP 轉換為不支援透明度的格式時,選擇性指定背景顏色,使用三位數或六位數的十六進位顏色代碼。預設為 #ffffff(白色)。詳情請參見 細節
resampling filter
通常指定零個或一個 BoxLanczosCatmullRomMitchellNetravaliLinearNearestNeighbor。還有其他可用的重採樣濾鏡。詳情請參見 細節

範例 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

錫安國家公園