Lock 16:9; Width:
1920
Height
1080
data / 可用工具
自适应切图与屏幕重构比例换算
UI 设计与前端切图对决的神器。输入原始物理比例，通过改变一边即可等比约束出另一边该有的像素数。并附有直观的视觉框体预览。
DesignMathVideo
快速切换： SVG 数据内联转义
Media / Geometry
显示器宽高比例锁定
UI 设计与前端切图对决的神器。输入原始物理比例，通过改变一边即可等比约束出另一边该有的像素数。并附有直观的视觉框体预览。
1. Find Ratio (计算长宽比)
Aspect Ratio 16 : 9
2. Scale Dimensions (等比缩放) Locked to Left Ratio
填入新宽度，将自动推导新高度。
反之亦然。对于裁切和调整视频尺寸极其好用。
反之亦然。对于裁切和调整视频尺寸极其好用。
常用预设
使用场景
- 要切一个横幅要求维持老电影的 21:9，前端想算出来用在 CSS padding-top HACK 里
如何使用
- 1. 预设有诸如 16:9 等主流按钮点击定基调，然后你在下方更改任何一条长短边，都将锁死比例并得出新长款。
示例输入输出
FAQ
能计算小数点么
对于实际像素已做四舍五入防撕裂。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。
SVG 数据内联转义
背景 CSS Base64 / URI 注入器
别再到处存大量零碎小 SVG 图片文件了！将代码扔进来，采用最极致安全的 URL 编码或是传统 B64，瞬间转换为 `background-image: url(...)` 安全挂载字符串。
Design CSS HTML