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 | 强制裁剪 |
实际应该上传什么
按用途给出的建议 —— 不是已注册的尺寸,只是合理的源文件尺寸。
既涵盖社交分享比例,又能干净地缩小以供主题内使用。最稳妥的单一默认选择。
足够宽以适配大屏幕,且低于 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 默认强制裁剪为 150 × 150 的正方形,以中心为准 —— 任何偏离中心的部分都会被切掉。
解决方法: 上传时让主体居中,或注册一个采用不同裁剪方式的自定义尺寸。
上传文件夹体积巨大
原因: WordPress 会为每个已注册的尺寸各存储一份文件。核心会生成 6 份,外加原图;主题和 WooCommerce 还会再增加更多。
解决方法: 使用 intermediate_image_sizes_advanced 停止生成你用不到的尺寸。
large / 1536 / 2048 版本缺失
原因: WordPress 从不放大。如果你上传的图片比某个尺寸还小,那个尺寸就干脆不会生成。
解决方法: 上传一张更大的源图片。
响应式图片(srcset)看起来质量偏低
原因: srcset 所依赖的某个尺寸 —— 通常是 medium_large(768w)—— 被移除了。
解决方法: 保留 medium_large;它的存在主要就是为了给 srcset 提供数据。