跳至內容
參考資料

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 強制裁切

實際該上傳什麼

依用途提供的建議 — 這些不是已註冊的尺寸,只是合理的原圖尺寸。

精選圖片 1200 × 630

涵蓋社群分享的比例,並能乾淨地縮小以供佈景主題使用。是最安全的單一預設值。

全寬主視覺 1920 × 1080

寬度足以應付大螢幕,又在 2560px 的 -scaled 門檻以下,因此你的原圖會原封不動地被使用。

內文圖片 1200 wide

符合大多數佈景主題實際顯示的 medium_large / large 範圍。

標誌 512 × 512

上傳的尺寸要比實際顯示的還大;WordPress 能乾淨地縮小,但絕不會放大。

網站圖示(favicon) 512 × 512

WordPress 要求至少 512 × 512,並會將其裁切成正方形。

社群 / OG 圖片 1200 × 630

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。