让 WordPress 横幅正确显示出乎意料地棘手。上传太小的横幅,它会被拉伸成模糊的一团;上传太宽的横幅,主题会 在没有警告的情况下裁掉两侧。以下是每种横幅类型所需的精确尺寸。
WordPress 页眉横幅尺寸(主题默认值)
大多数 WordPress 主题在样式表中定义了页眉图片尺寸。最常见的标准是 72 DPI 下的 1920 × 1080 px,足够宽以填满全高清显示器而不拉伸。对于视网膜或高 DPI 屏幕,上传 3840 × 2160 px 可确保图片被 CSS 缩小时仍保持清晰。
特色图片(文章缩略图)尺寸
WordPress 特色图片出现在博客列表页和单篇文章内部。安全最低值为 1200 × 628 px,这也是 社交分享推荐的 OpenGraph 尺寸。对于网格布局中显示的文章,1280 × 720 px 的 16:9 比例 是全能型选择。
英雄区横幅尺寸
- 1920 × 600 px — 全景英雄,商业主题中常见。
- 1920 × 1080 px — 全屏英雄,用于图片填满视口的情况。
- 2560 × 1440 px — 针对设计师或摄影师的 2K 英雄。
将所有文本和焦点保持在中央 1200 px 水平区域内。在移动端,大多数主题会裁掉左右边缘, 因此放置在边缘附近的面孔、徽标和关键信息会消失。
侧边栏小部件横幅尺寸
- 300 × 250 px — "中型矩形",Google AdSense 最常见的广告位。
- 300 × 600 px — 半页横幅,更高更显眼。
- 250 × 250 px — 正方形,侧边栏较窄时使用。
WooCommerce 商店横幅
WooCommerce 商品分类横幅默认为 1940 × 620 px。Storefront 主题的商店页眉图片在 最小 1200 × 400 px 时效果最佳。
文件格式与压缩
在上传前优化横幅。使用我们的图片压缩工具减少文件大小,或使用图片调整大小工具达到主题要求的精确像素尺寸。
快速参考
- 页眉横幅:1920 × 1080 px
- 特色图片:最小 1200 × 628 px
- 全屏英雄:1920 × 1080 px(高 DPI 为 2560 × 1440 px)
- 全景英雄:1920 × 600 px
- 侧边栏横幅:300 × 250 px 或 300 × 600 px
- WooCommerce 分类:1940 × 620 px