长宽比计算器

即时计算长宽比。转换尺寸、求缺失边长,并查看 2025/2026 最新社交媒体图片尺寸。

零网络请求。所有计算都在您的浏览器中进行。

计算器

求缺失边长

输入比例和其中一个尺寸,计算另一个尺寸。

你刚测试了长宽比计算器 — 试试 显示器刷新率 →

什么是宽高比计算器?

宽高比描述了宽度与高度之间的比例关系:16:9 是现代 HDTV / 显示器 / 视频标准(1920x1080、2560x1440、3840x2160);4:3 是模拟电视和 iPhone 前笔记本电脑格式;21:9 是超宽电影院和游戏显示器比例(也称 2.35:1);1:1 是 Instagram 方形 / 应用图标 / 个人资料图片规范;9:16 是竖向短视频优先(TikTok、Reels、YouTube Shorts);3:2 是经典 35mm 胶卷和现代 DSLR 传感器比例;2:3 是 Pinterest 图钉格式。计算器使用 GCD 将任何像素尺寸简化为最简分数(1920x1080 -> 16:9 via gcd=120),当知道一个维度和目标比例时求解缺失的边(交叉相乘:width = height * W/H),并配备 2026 年最新的平台特定尺寸参考表,涵盖 Instagram、TikTok、YouTube、X、LinkedIn、Pinterest 和 Threads — 包括新的 IG Reel 封面以 1080x1920 9:16 形式提供,而非旧版 1:1 网格缩略图。

如何使用宽高比计算器

打开 Calculator 选项卡。输入宽度和高度(像素)— 简化比例实时显示,GCD 也会显示。要求解缺失的边:输入目标比例(如 16:91.78)和一个已知维度;另一个通过交叉相乘计算。视觉预览以选定的比例呈现缩放矩形,让你在导出前进行完整检查。切换至 Social Media Sizes 选项卡,一键复制当前平台尺寸(自动针对各平台规格页面更新)。CSS Snippet 选项卡生成 aspect-ratio CSS 属性声明加上 object-fitobject-position 后向兼容语法 — 直接粘贴到你的样式表。右侧 Image fit 对比器并排显示 cover(填满框、裁剪溢出)、contain(黑边内缩)、fill(拉伸填满、变形)、scale-down(contain 或 none 取小)和 none(不调整)在示例图片上 — 当图片和容器比例不匹配时很有用。

为什么宽高比对每个屏幕都重要

宽高比不匹配导致两个最常见的 Core Web Vitals 失败:当图片加载比例与预留空间预测不同时出现的累积版面配置偏移 (CLS),以及英雄图片必须在绘制中途重新排版时的最大内容绘制 (LCP)。修复方法是 aspect-ratio CSS 属性(或 <img> 上的 width/height 属性),让浏览器在图片字节到达前预留正确的空间。社交媒体方面,Instagram 在信息流中裁剪任何非 4:5 或 1:1 的内容;TikTok 在推荐页面裁剪任何非 9:16 的内容;YouTube Shorts 要求 1080x1920 到 720x1280 之间的 9:16 — 上传 16:9 文件会被加上黑边,互动率下降 30-40%,对比原生比例上传(根据 Meta 和 TikTok 2024 创作者成功报告)。印刷也很严格:3:2 照片印到 4:6 相框会因溢血损失 8% 的图像,除非你提前裁剪。计算器的工作是在你花一小时修复之前发现不匹配。

常见问题

什么是长宽比?

长宽比是宽度与高度的比例关系,以 W:H 表示(如 16:9)。它描述的是形状而非尺寸——1920x1080 和 640x360 都是 16:9 比例。

如何在缩放时保持长宽比?

使用求解器:输入比例和已知边长,计算器会用交叉相乘法求出缺失尺寸,确保比例精确。

社交媒体应使用什么长宽比?

视平台而定。Instagram 方形帖子用 1:1,故事用 9:16,YouTube 缩略图用 16:9,Twitter/X 帖子用 16:9。详见社交媒体尺寸标签的完整 2025/2026 参考资料。