宽高比计算器

即时计算图像尺寸并找到宽高比。

Loading...

每次都完美:终极宽高比计算器

在视觉世界中,比例就是一切。无论您是为 Instagram 调整图片大小、编写响应式网站代码,还是为 YouTube 剪辑视频 — 错误的尺寸都会带来灾难:图像拉伸、画质模糊或讨厌的黑边。Tools of Everything 宽高比计算器是您创意构想与技术精准之间的桥梁。

此工具消除了猜测的需要。它帮助设计师、开发者和内容创作者在任何屏幕尺寸上保持视觉素材的完整性。输入一个尺寸,立即获得另一个。

宽高比对 SEO 和 UX 为何至关重要

搜索引擎和社交算法偏爱高质量的视觉内容。比例错误的图片可能在搜索结果或信息流中被尴尬裁剪,降低点击率(CTR)。理解 16:94:3 的区别,确保您的内容在任何地方都显得专业。

常用宽高比指南

16:9(宽屏标准)

视频的黄金标准。YouTube、Netflix、现代电视和大多数电脑显示器都使用此比例。

常见:1920x1080、1280x720、3840x2160(4K)

9:16(竖屏移动端)

移动端互动之王。TikTok、Instagram Reels、YouTube Shorts 和 Snapchat 的必备比例。

常见:1080x1920、720x1280

1:1(完美正方形)

因 Instagram 而流行。非常适合头像、产品图和轮播广告。

常见:1080x1080、500x500

4:3(经典 & 平板)

正在复苏的复古电视格式。iPad/平板的当前标准,也是部分摄影师的最爱。

常见:1024x768、1600x1200

如何计算缺失的尺寸

这是简单的代数,但谁有时间手算呢?如果您知道需要 16:9 的图像且宽度为 1920,我们的工具会立即告诉您高度必须是 1080。对于防止 CLS 来说非常宝贵。

平台尺寸速查表:每个主流平台的精确像素

停止猜测。以下是 2025 年各大平台使用的精确尺寸。请收藏此表格。

平台格式尺寸比例
YouTube视频 / 缩略图1920×108016:9
YouTube Shorts短视频1080×19209:16
Instagram帖子(正方形)1080×10801:1
Instagram帖子(竖向)1080×13504:5
Instagram ReelsReels / 动态1080×19209:16
TikTokVideo1080×19209:16
Facebook帖子1200×630~1.91:1
Facebook动态1080×19209:16
X (Twitter)信息流图片1600×90016:9
LinkedIn帖子图片1200×627~1.91:1
OG 图片(网页)社交分享预览1200×630~1.91:1

如何计算宽高比:公式详解

背后的数学很简单。以下是您需要的四个公式:

求缺失的高度

高度 = (宽度 ÷ 比例宽度) × 比例高度

示例:宽度=1280,比例=16:9 → 高度 = (1280 ÷ 16) × 9 = 720

求缺失的宽度

宽度 = (高度 ÷ 比例高度) × 比例宽度

示例:高度=1920,比例=9:16 → 宽度 = (1920 ÷ 16) × 9 = 1080

从两个尺寸检测比例

比例 = 宽度/GCD : 高度/GCD

示例:1920×1080 → GCD=120 → 1920/120 : 1080/120 = 16:9

开发者专用 CSS aspect-ratio

aspect-ratio: 16 / 9;

告知浏览器在图片加载前预留正确高度 — 彻底消除 CLS。

常见问题解答

1920×1080 的宽高比是什么?

1920×1080 是 16:9 宽高比。这是全高清(FHD)显示器、YouTube 视频和现代电视广播最常见的分辨率。

如何在不裁剪的情况下更改宽高比?

在调整大小前,先用公式计算新尺寸。输入当前宽度,选择目标比例,即可获得精确高度。

YouTube 缩略图的最佳宽高比是什么?

YouTube 推荐 16:9。最小尺寸 1280×720 像素,首选 1920×1080。

TikTok 使用什么宽高比?

TikTok 主要使用 9:16(竖向),尺寸为 1080×1920 像素

16:9 和 4:3 的区别是什么?

16:9 是现代宽屏标准 — 更宽、更具电影感。4:3 更接近正方形,是较旧的格式。

宽高比如何影响 SEO?

使用正确的宽高比可以防止 Cumulative Layout Shift(CLS)。为图片定义 width/height 或在 CSS 中使用 aspect-ratio 可以提升 CLS 分数。

常见问题

宽高比是图像或视频宽度和高度之间的比例关系。它表示为用冒号分隔的两个数字,例如 16:9 或 4:3。
YouTube 最常见的比例是 16:9(宽屏),对应于 1920×1080 (Full HD)、1280×720 (HD) 和 3840×2160 (4K) 等分辨率。
在 Instagram 上:正方形帖子使用 1:1,横向使用 1.91:1,竖向使用 4:5,Stories/Reels 使用 9:16。建议在信息流帖子中使用 4:5 竖向比例。
根据已知宽度求高度:高度 = 宽度 × (比例高度 / 比例宽度)。对于宽度为 1920px 的 16:9 比例:高度 = 1920 × (9/16) = 1080px。
CSS 的 aspect-ratio 属性为元素设置首选的宽高比。例如:aspect-ratio: 16 / 9; 指示浏览器保持 16:9 的比例。在所有现代浏览器中均受支持。