WordPress 圖片尺寸速查表
WordPress 圖片尺寸的權威參考:每一種已註冊的尺寸及其實際尺寸、哪些會強制裁切、2560px 的 -scaled 門檻、WooCommerce 尺寸,以及各種用途該上傳什麼。
在你自己的圖片上看看效果 — 開啟 Image Size Lab核心尺寸
每個原生 WordPress 安裝都會註冊這些尺寸。
| 名稱 | 尺寸 | 裁切 | 可在後台編輯? |
|---|---|---|---|
| thumbnail | 150 × 150 | 強制裁切 | Settings → Media |
| medium | 300 × 300 | 等比縮放 | Settings → Media |
| medium_large | 768w | 等比縮放 | 無介面 |
| large | 1024 × 1024 | 等比縮放 | Settings → Media |
| 1536x1536 | 1536 × 1536 | 等比縮放 | 無介面 |
| 2048x2048 | 2048 × 2048 | 等比縮放 | 無介面 |
medium_large(768w)以及兩個 retina 尺寸完全沒有後台介面 — 你從控制台根本不會知道它們的存在。而且任何最長邊超過 2560px 的上傳檔案,都會額外產生一份 -scaled 副本,WordPress 之後便會用它來取代你的原圖。
WooCommerce 尺寸
當 WooCommerce 啟用時新增。可在 Appearance → Customize → WooCommerce → Product Images 底下設定。預設值在不同 Woo 版本間有所變動,因此請把這些數值當作參考,並檢查你自己的安裝環境。
| woocommerce_thumbnail | 300 × 300 | 強制裁切 |
| woocommerce_single | 600w | |
| woocommerce_gallery_thumbnail | 100 × 100 | 強制裁切 |
實際該上傳什麼
依用途提供的建議 — 這些不是已註冊的尺寸,只是合理的原圖尺寸。
涵蓋社群分享的比例,並能乾淨地縮小以供佈景主題使用。是最安全的單一預設值。
寬度足以應付大螢幕,又在 2560px 的 -scaled 門檻以下,因此你的原圖會原封不動地被使用。
符合大多數佈景主題實際顯示的 medium_large / large 範圍。
上傳的尺寸要比實際顯示的還大;WordPress 能乾淨地縮小,但絕不會放大。
WordPress 要求至少 512 × 512,並會將其裁切成正方形。
Facebook、LinkedIn 和 X 所期望的 1.91:1 比例。WordPress 不會自動產生這個尺寸;你的 SEO 外掛會挑選最接近的尺寸。
常見錯誤,以及真正的原因
圖片上傳後看起來模糊
原因: 你的圖片最長邊超過 2560px,所以 WordPress 產生了一份「-scaled」副本,並用它來取代你的原圖。
解決方法: 停用或調高 big_image_size_threshold,或上傳小於 2560px 的圖片。
thumbnail 把頭部裁掉了
原因: thumbnail 預設會以置中方式強制裁切成 150 × 150 的正方形 — 任何偏離中心的部分都會被切掉。
解決方法: 上傳時將主體置中,或註冊一個採用不同裁切方式的自訂尺寸。
上傳資料夾大得誇張
原因: WordPress 會為每個已註冊的尺寸各存一個檔案。核心會產生 6 種再加上原圖;佈景主題和 WooCommerce 還會再增加更多。
解決方法: 用 intermediate_image_sizes_advanced 停止產生你用不到的尺寸。
large / 1536 / 2048 版本不見了
原因: WordPress 絕不會放大圖片。如果你上傳的圖片比某個尺寸還小,那個尺寸就不會被產生。
解決方法: 上傳一張更大的原圖。
響應式圖片(srcset)看起來畫質很差
原因: srcset 所依賴的某個尺寸 — 通常是 medium_large(768w)— 被移除了。
解決方法: 保留 medium_large;它存在的主要目的就是供應 srcset。