Data Tools

Aspect Ratio and Proportional Size Calculator

Compute and lock an aspect ratio in your browser. Derive a ratio from width and height, or change one side while the other stays proportional. Includes common presets and a preview for cropping, video frames, and responsive layouts.

RatioSizeDesign

Favorite this tool

No favorite storage mode has been selected.

Quick actions

Copy this tool URL or open the system share sheet on a supported device.

Use cases

  • Keep banners or OG images on a fixed ratio
  • Match video or screen resolutions to a ratio
  • Resize one dimension while locking the other

How to use

  1. Enter original width and height, or pick a preset
  2. Change width or height while the ratio is locked
  3. Copy the result and review the preview

Example input and output

16:9 at width 1920

1920

Height

1080

FAQ

Are results rounded?

Yes. Pixel values are rounded so fractional pixels do not skew layout or export work.

Which presets are included?

Common sizes such as 1920×1080, 2K, 4K, vertical 9:16, square 1:1, YouTube 16:9, and OG Image.

Tools

Related tools

Continue with another translated tool for a nearby task.

CSS Unit Converter

CSS Unit Converter — px, rem, em, vw

Available

Convert among px, rem, em, pt, vw, vh, and %. Customize root font size, parent font size, and viewport size for responsive work and design-to-code handoff.

CSS Units Conversion

Local Image Resizer

Local Image Resizer — Browser Resize and Compress

Available

Resize and re-encode images locally with Canvas. Set max dimensions, quality, and output format, then download the result. Original files stay in the browser and are not uploaded.

Image Compress Resize

Angle Converter

Degrees, Radians, Gradians, and Turns Converter

Available

Convert degrees, radians, gradians, and turns in your browser with linked inputs—useful for CSS rotate(), Canvas, and Three.js work where Math.PI conversions are easy to get wrong. Results stay on the page.

Math Units Design