跳到正文
参考

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)和两个视网膜尺寸完全没有后台界面 —— 你从仪表盘根本看不出它们的存在。而且,任何最长边超过 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 默认强制裁剪为 150 × 150 的正方形,以中心为准 —— 任何偏离中心的部分都会被切掉。

解决方法: 上传时让主体居中,或注册一个采用不同裁剪方式的自定义尺寸。

上传文件夹体积巨大

原因: WordPress 会为每个已注册的尺寸各存储一份文件。核心会生成 6 份,外加原图;主题和 WooCommerce 还会再增加更多。

解决方法: 使用 intermediate_image_sizes_advanced 停止生成你用不到的尺寸。

large / 1536 / 2048 版本缺失

原因: WordPress 从不放大。如果你上传的图片比某个尺寸还小,那个尺寸就干脆不会生成。

解决方法: 上传一张更大的源图片。

响应式图片(srcset)看起来质量偏低

原因: srcset 所依赖的某个尺寸 —— 通常是 medium_large(768w)—— 被移除了。

解决方法: 保留 medium_large;它的存在主要就是为了给 srcset 提供数据。