How do I use the aspect ratio calculator?
- Enter the original width and height.
- Enter a new width to get the matching height.
- Copy the ratio or the CSS.
Aspect ratio calculator: frequently asked questions
What is an aspect ratio?
The proportion between width and height, such as 16:9.
What ratio is 1920×1080?
16:9.
What ratio should Reels and TikTok videos be?
9:16 vertical, typically 1080×1920.
What ratio are link preview images?
About 1.91:1 — 1200×630 px.
How do I keep video from shifting the layout?
Use the CSS aspect-ratio property on the container so the space is reserved before it loads.
Is anything uploaded?
No. It runs in your browser.
Can I use the output in Figma or CSS?
Yes. Values are standard HEX, RGB, HSL and CSS that work in Figma, CSS and most design tools.
Is the aspect ratio calculator free?
Yes. It is free with no sign-up and no usage limits for normal use.
Is my data sent to your servers?
No. This tool runs entirely in your browser, so what you type never leaves your device.
Does it work on my phone?
Yes. The tool works in any modern browser on iPhone, Android, tablet or computer.