长宽比计算器与 CSS 生成 - TikTok/IG 尺寸预设

快速计算长宽比与缺失尺寸(输入宽得高/输入高得宽),内置 TikTok 9:16、YouTube 16:9、Instagram 4:5 等预设,并自动生成 aspect-ratio CSS 代码。全程本地运行不上传。

:
16:9
1920px
1080px

如何使用

  1. 选择预设比例(如 9:16 / 16:9 / 4:5)或手动输入比例。
  2. 输入已知宽度或高度。
  3. 工具自动计算另一边的尺寸。
  4. 复制生成的 CSS aspect-ratio 代码用于布局。

核心功能

  • TikTok/Reels (9:16):一键套用竖屏主流比例与常见分辨率思路。
  • 生成 aspect-ratio CSS:自动生成 aspect-ratio: W/H; 及兼容性建议。
  • 自动推算尺寸:输入宽或高即可计算另一边,保持比例不变。
  • 可视化比例预览:实时显示矩形预览,避免尺寸填错。
  • 本地隐私:尺寸与素材信息不上传服务器。

相关工具

财富自由计算器 2026 (剔除通胀版) - 养老金与复利模拟器

2026 最新 FIRE 财务自由计算器(剔除通胀版)。拒绝虚高数字,精准模拟实际购买力下的复利增长。支持 4% 法则验证与养老金缺口反向推算。支持一键导出 CSV,完美适配 Excel 或 Notion 财务看板。隐私优先,本地计算零上传。

仓位计算器 - 按风险比例规划交易仓位

根据账户资金、风险比例、入场价和止损价计算交易仓位。所有计算在浏览器本地完成,不上传账户数据,可对比多档风险方案。

复利计算器 | 免费定投收益与 APY 增长图表

输入本金、定期投入、年化收益率和投资年限,计算复利增长结果,并用交互式图表展示本金、利息和最终总额。数据仅在本地计算。

在线房贷/贷款计算器 - 实时图表与还款明细 (等额本息/本金)

使用 Loan Calculator / Mortgage Calculator 在浏览器本地计算月供、总利息与还款明细。输入贷款额、年利率和期限,立即查看图表与还款计划表。

在线投资与 ROI 计算器 - 定投/复利收益可视化

使用 Investment Calculator / ROI Calculator 在浏览器本地估算初始本金、每月定投、年化回报率和通胀后的投资结果。立即查看复利图表、本金/收益拆解、ROI 与年度明细。

APR 与 APY 换算计算器 - 名义利率与实际利率转换

使用 APR to APY Calculator 在浏览器本地完成 APR/APY 双向换算。输入利率并选择复利频率,立即查看有效年利率、差值和多频率对比表。

利润率计算器 - 毛利率、加价率与售价在线换算

使用这款利润率计算器在浏览器本地计算毛利、Margin 和 Markup。输入成本和售价,或输入成本与目标毛利率,立即推算售价并避免把加价率误当利润率。

CPM 与 CPC 计算器 - 广告投放 CTR 与成本在线测算

使用 CPM 与 CPC 计算器在浏览器本地测算广告花费、展示量、点击量、CPM、CPC 和 CTR。输入预算与目标成本,快速推演可获得的曝光或点击。

计算逻辑

  • 计算公式: [ H = W \times \frac{r_H}{r_W} ] 或 [ W = H \times \frac{r_W}{r_H} ]
  • CSS 写法示例: [ \text{aspect-ratio}: \frac{16}{9} ]

常见问题

视频平台(TikTok/Reels)的最佳比例是多少?

标准比例是 9:16(竖屏),常见分辨率为 1080×1920。使用 9:16 预设可快速核对尺寸。

如何在 CSS 中使用长宽比?

直接写 aspect-ratio: 16/9;。本工具会生成包含该属性的代码片段,并建议必要的尺寸回退。

数据安全吗?会上传到服务器吗?

不会。所有计算与预览在浏览器本地完成,不上传任何尺寸或内容。

是否免费?可以用于商业项目吗?

免费使用,适合个人/团队在内容生产与 UI 开发中快速对齐尺寸。

为什么会出现 1–2 像素误差?

某些尺寸需要取整(整数像素)。工具会按最接近的整数进行四舍五入,保证比例尽量准确。