做封面、视频、海报、卡片、轮播图时,经常要按比例算宽高。16:9、4:3、1:1、3:2 都是常见比例。

你可以用 比例尺寸计算器 输入宽或高,快速算另一边。

常见比例#

  • 1:1:头像、方形封面。
  • 4:3:传统照片、演示。
  • 16:9:视频、横版封面。
  • 3:2:摄影常见比例。
  • 9:16:竖屏短视频。

比例不一致时,强行拉伸会变形,裁切会丢内容。

宽高怎么换算#

16:9 下,如果宽度是 1280:

text已剪下 ✓
高度 = 1280 × 9 ÷ 16 = 720

如果高度是 1080:

text已剪下 ✓
宽度 = 1080 × 16 ÷ 9 = 1920

裁切要保留主体#

从横图裁成方图时,人物、产品、文字可能被裁掉。上传封面前最好在目标比例里预览。

如果是网站图片,还要配合 图片尺寸调整 / 压缩工具 控制实际像素。

网站布局里怎么用比例#

在网页里,比例不只是图片问题,也会影响卡片、视频容器、商品图和广告位。CSS 的 aspect-ratio 可以提前占住空间,减少图片加载后的布局跳动。固定比例越明确,页面滚动体验越稳定。

如果内容来自用户上传,最好在上传前就限制比例或提供裁切预览。否则同一个列表里横图、竖图、方图混在一起,卡片高度会很难统一,移动端尤其明显。

导出前确认平台要求#

不同平台对封面尺寸要求不同。做视频封面、社交图、广告素材时,不要只保存一个版本。可以先按比例计算出多套尺寸,再分别检查文字安全区、主体位置和文件大小。

不要混淆比例和分辨率#

比例只说明宽高关系,分辨率才说明像素数量。一个 16:9 图片可以是 640x360,也可以是 3840x2160。前者比例正确但可能不清晰,后者清晰但文件更大。实际交付时要同时确认比例、像素和压缩体积。

总结#

比例尺寸决定图片和视频是否变形。先算比例,再裁切和压缩,比上传后临时调整更稳。

需要快速换算时,可以使用 比例尺寸计算器,再检查主体是否被裁掉。