2:1 宽高比
2:1 是一种宽阔的全景比例,宽度正好是高度的两倍。它用于风景全景摄影、网页主横幅和某些社交媒体标题图。它介于 16:9 宽屏和真正的电影比例之间。
常用 2:1 尺寸
| 名称 | 宽度 | 高度 | 常见用途 |
|---|---|---|---|
| Web Banner | 1,200 | 600 | 标准网页横幅,OG 图像 |
| HD Banner | 2,000 | 1,000 | 高分辨率网页主图像 |
| Panoramic | 4,000 | 2,000 | 全景摄影 |
2:1 在哪里使用?
- →全景风光摄影
- →网站主横幅和标题图
- →360° 照片裁剪
- →电子邮件通讯标题图
- →数字标牌
2:1 的 CSS
CSS padding-bottom 技巧可创建一个响应式容器,以保持 2:1 宽高比:
Modern (CSS aspect-ratio)
aspect-ratio: 2 / 1;Legacy (padding-bottom hack)
padding-bottom: 50.0000%;常见问题
2:1 和 16:9 有什么区别?+
2:1 比例 (2.0:1) 比 16:9 (1.78:1) 更宽。2:1 图像更具全景感——例如,2000×1000 像素对比 16:9 的 1920×1080。2:1 相对于其高度具有更多的水平空间。
使用 2:1 的平台
准备好计算 2:1 尺寸了吗?我们的免费计算器可即时处理任何宽度或高度。
使用 2:1 计算器 →