VIS
Visual // Viewfinder
SIGNAL_ACTIVE
1080px
1080px
1:1
MEDIA FRAME MODELS
Media
Aspect Ratio Calculator
Check width-to-height ratios, preview common media shapes, and switch to image mode when you need a crop target before export.
About this calculator
Method, formulas, and limits.What this does
Calculates a simplified width-to-height ratio, previews common media frames, and provides an image crop workflow with PNG export.
Who it is for
For designers, creators, developers, and anyone checking a screen, social, video, or photo proportion.
How it works
Enter width and height to reduce them to a ratio and decimal value. Layout Preview shows common frame models; Image Preview lets you load a local image, choose a target crop ratio, and export the centered crop as a PNG.
Limitations
Image processing happens locally in your browser. The crop is centered and does not include cloud storage, face detection, or automatic subject positioning.
Key calculations
- Greatest Common Divisor
- Divide width and height by their greatest common divisor to reduce the ratio to its simplest form.
- Decimal Ratio
- decimalRatio = width / height
- Centered Crop
- Compare sourceRatio with targetRatio, then trim the excess width or height equally from both sides before drawing the PNG.
Reference ranges
- Square
- 1:1 is commonly used for profile images and square social posts.
- Landscape Video
- 16:9 is a common widescreen video and presentation frame.
- Portrait Formats
- 4:5 and 9:16 suit portrait posts, stories, and mobile-first layouts.
How to use it
- 1.Choose a preview modeUse Layout Preview for ratio and frame-model inspection, or Image Preview for a local image crop.
- 2.Enter dimensionsSet the width and height in pixels. The simplified ratio, decimal ratio, and closest frame model update immediately.
- 3.Choose a presetSelect a common ratio such as 1:1, 4:3, 16:9, 4:5, 9:16, or 3:2.
- 4.Export a cropIn Image Preview, load an image, choose target dimensions, and export the centered crop as a PNG.
An aspect ratio compares width with height. A 16:9 frame is 16 units wide for every 9 units tall.
The calculator divides both dimensions by their greatest common divisor, so 1920:1080 becomes 16:9.
Yes. Spanish-locale inputs accept both a decimal point and a decimal comma where a decimal value is needed.
No. The image is processed locally in the browser and is not uploaded to a server by this calculator.
Choose an option
System StatusNOMINAL_DEPLOYED