数据格式

宽高比计算 - 在线等比尺寸工具

在线计算并锁定宽高比,可由原始尺寸推比例,也可在锁定比例下改一边求另一边,附预设分辨率与预览,适合切图、视频画幅和响应式布局。

比例尺寸设计

收藏工具

当前还没有选择收藏模式。

快捷操作

返回数据格式 浏览全部工具

你可以复制当前工具页链接,或在支持的设备上调用系统分享。

数据格式

宽高比计算

在线计算并锁定宽高比,可由原始尺寸推比例,也可在锁定比例下改一边求另一边,附预设分辨率与预览,适合切图、视频画幅和响应式布局。

1. Find Ratio (计算长宽比)

:
Aspect Ratio 16 : 9
方向 横向
CSS aspect-ratio aspect-ratio: 16 / 9;
padding-top hack 56.25%

2. Scale Dimensions (等比缩放) Locked to Left Ratio

=
填入新宽度,将自动推导新高度。
反之亦然。对于裁切和调整视频尺寸极其好用。

常用预设

Preview

1920 × 1080

Scale lock

输入新宽度或新高度后,另一边会按当前比例自动锁定。

使用场景

  • 按 16:9 或 9:16 推算目标像素
  • 为横幅或 OG 图保持固定比例
  • 核对视频或屏幕分辨率对应的比值

如何使用

  1. 输入原始宽高求比例,或点选预设
  2. 在锁定比例下修改宽或高
  3. 复制结果并查看比例预览

示例输入输出

16:9,宽 1920

1920

1080

FAQ

计算结果会取整吗?

会按像素做四舍五入,避免小数像素导致布局或切图偏差。

有哪些常用预设?

提供 1920×1080、2K、4K、竖屏 9:16、方形 1:1、YouTube 16:9 和 OG Image 等常见尺寸。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

CSS 单位转换

CSS 单位转换 - px rem em vw 工具

可用

在 px、rem、em、pt、vw、vh、% 之间换算,可自定义根字号、父元素字号与视口宽高,适合响应式与设计稿转代码。

CSS 单位 换算

本地图片缩放

本地图片缩放 - 浏览器压缩导出

可用

在浏览器本地调整图片尺寸与质量并导出,基于 Canvas 处理,不上传原图,适合压缩封面、缩略图与上传前体积控制。

图片 压缩 缩放

几何角度偏转仪

Degree 与 Radian 的圆周对冲引擎

可用

在进行 CSS Transform (`rotate()`) 或 Canvas Three.js 画图时,程序员最头疼的 `Math.PI` 换算。此处提供度数、弧度、梯度及圈数的轮盘联手转换。

Math Unit Design