zh blog for aspect-ratio-calculator：中文内容团队的图片比例实战指南

动手试试:宽高比计算器,纯浏览器运行,不上传、不注册。

做封面、海报、商品图、短视频首帧时，最容易出错的不是审美，而是尺寸。设计稿看着没问题，上传到平台后头像被切掉、标题少一行、产品图左右留黑边，最后大家才回头问一句：这张图到底应该是 16:9，还是 4:3？

我通常先打开 Aspect Ratio Calculator，把原图宽高和目标平台尺寸算清楚，再决定裁剪还是缩放。比例计算不是设计师专属动作，运营、剪辑、独立站卖家、写博客的人都应该会。一次算对，后面导出、压缩、上传才不容易返工。

为什么先算比例，再谈裁剪

宽高比只回答一个问题：宽和高之间是什么关系。1920×1080、1280×720、3840×2160 看起来像三套尺寸，但它们都是 16:9。只要比例一样，画面构图基本可以保住；比例变了，信息就会被裁掉或被迫留白。

很多人会把“分辨率”和“比例”混在一起。分辨率是像素总量，比例是形状。比如 1080×1080 是正方形，像素数是 1,166,400；1920×1080 是横向 16:9，像素数是 2,073,600。前者适合头像、商品主图、社交动态九宫格，后者适合视频封面、博客头图、演示稿截图。

如果你只改宽度不管高度，图片会被拉伸；如果你只看平台推荐尺寸不看原图比例，关键内容可能被裁掉。正确顺序应该是：先确认原图比例，再确认目标比例，然后选择“等比缩放”“居中裁剪”或“加留白”。

常见平台尺寸，不要只背 16:9

16:9 很常见，但它不是万能答案。横屏视频、YouTube 封面、B 站封面、网页 hero 图经常用 16:9；小红书笔记图、Instagram 方图、商品主图经常用 1:1；短视频封面和手机全屏预览多半是 9:16；一些相机原片、老照片、PPT 截图则常见 4:3。

我会用一个简单判断法：如果用户是在横向屏幕上看，先试 16:9；如果内容要进入信息流卡片，先试 1:1 或 4:5；如果用户拿手机竖屏刷，先试 9:16。这个判断不替代平台文档，但能让你在开工前少走弯路。

同一张素材跨平台分发时，不要只导出一个尺寸。可以先在 aspect ratio calculator 里算出三组结果：

16:9：1200×675，用于博客头图和视频横封面
1:1：1080×1080，用于商品主图和头像预览
9:16：1080×1920，用于短视频竖封面

这三组不是随机数字，它们分别保住了横屏、方图、竖屏的主要阅读场景。真正麻烦的地方在于构图：同一张人物照，横屏要留左右环境，方图要把脸放中间，竖屏要给标题留顶部空间。

真实输入输出：从一张 4032×3024 照片开始

下面是我实际会输入到比例计算器里的字符串，不是伪代码：

输入
原始文件: banner-source.jpg
原始尺寸: 4032x3024
目标比例: 16:9
导出宽度: 1200

输出
原始比例: 4:3
目标裁剪框: 4032x2268
需要裁掉的高度: 756 px
建议裁剪: 顶部 378 px, 底部 378 px
最终导出尺寸: 1200x675

这里的关键是不要直接把 4032×3024 缩到 1200×675。直接缩会把 4:3 拉成 16:9，画面里的人和物都会变扁。正确做法是先在原图上裁到 4032×2268，再等比缩到 1200×675。

如果主体在画面上半部分，顶部和底部各裁 378 px 也许不合适。你可以把裁剪改成顶部 240 px、底部 516 px，只要裁完仍然是 4032×2268，比例就是对的。比例计算器负责给边界，构图仍然要靠你判断。

我自己的测试：少传像素，比压缩更早

我测试这类封面时，会先拿原图算比例，再导出目标尺寸，最后才谈图片格式。原因很实际：多余像素先删掉，后面的压缩才有意义。比如一张 4032×3024 的照片有 12,192,768 个像素；裁成 4032×2268 后还剩 9,144,576 个像素，少了 25%。再导出成 1200×675，只剩 810,000 个像素，比原图少了约 93.4%。

格式压缩也有真实数据可以参考。Google 的 WebP compression study 用 SSIM 做基准测试，报告称有损 WebP 比可比较的 JPEG 小 25% 到 34%，无损 WebP 比 PNG 小 26%（来源：Google Developers, developers.google.com/speed/webp/docs/webp_study）。这说明格式很重要，但它不替代尺寸决策。先把 4:3 改成需要的 16:9，再把 1200×675 导出为 WebP，流程才完整。

我上传测试图时还会看一次移动端预览。桌面上 1200×675 很舒服，手机卡片里标题可能遮住下方三分之一。遇到这种情况，我会回到裁剪阶段，把主体往上或往左移一点，而不是重新压缩同一张图。

发布前的比例检查清单

发图前，我建议固定检查四件事。第一，看原图比例，确认它是 4:3、3:2、1:1，还是已经接近目标比例。第二，看目标容器，弄清楚平台是强制裁剪、自动留白，还是允许用户点开看完整图。第三，用比例计算器算出实际宽高，不要靠“差不多”输入。第四，导出后重新打开文件，看最终像素是不是你想要的数字。

还有一个很容易漏的点：不要只检查主图。缩略图、分享卡片、搜索结果页、聊天软件预览，可能会用不同裁剪规则。如果一篇文章要靠封面吸引点击，至少准备横版和方版两张。如果是短视频，再额外准备竖版封面。

比例算对不会让一张普通图自动变好看，但它能避免低级错误。对内容团队来说，这就是够实际的收益：少返工，少重传，少在发布前十分钟追着设计师改尺寸。

Made by Toolora · Updated 2026-05-29