Home
Aspect Ratio Scaler
16:9 • 4:3 • 21:9 Scaler Real-time Proportional Canvas Calculator

16:9, 4:3, 21:9 Resolution Scaler & Canvas Calculator

Calculate corresponding pixel dimensions for standard aspect ratios given width or height constraints for video, broadcast, graphics, and web layouts. Includes GCD ratio reduction, codec macroblock alignment (Mod 2 / Mod 16), and letterbox display simulation.

Active: 16:9 (1.778:1)
Width (X)Pixels
Quick width:
Height (Y)Pixels
Quick height:
Scale Dimension Multipliers:
Codec Alignment / Rounding:
Standard rounding mode for graphics and canvas rendering.
Mod-2 OK
Computed Output Dimension
1920 × 1080 px
Simplified Ratio
16:9 (1.778:1)
Total Pixels
2.07 MP
Click to apply instantly
1920 × 1080
16:9 (1.778:1)
1920 px (W)1080 px (H)
Diagonal
2203 px
Resolution
2.07 MP
Orientation
Landscape
Target Screen:
Active Frame
Screen: 3840×2160 (16:9)
Status: Perfect Fit (100% Screen Fill)
Utilized: 100.0%
1-Click Copy
Modern CSS (Standard)
aspect-ratio: 16 / 9;
Tailwind CSS Utility Classes
aspect-[16/9] w-[1920px] h-[1080px]
FFmpeg Video Filter
-vf "scale=1920:1080:flags=lanczos"
HTML5 Canvas Tag
<canvas width="1920" height="1080"></canvas>
Metadata JSON Object
{"width":1920,"height":1080,"aspectRatio":"16:9"}

Multiplier Scale Ladder (1920 × 1080)

Proportionally scaled dimension ladder with megapixels and instant one-click adoption.

Rounding: INTEGER
Multiplier ScaleWidth (X)Height (Y)Total ResolutionActions
0.25× (Quarter)480 px270 px0.13 MP
0.33× (One-Third)640 px360 px0.23 MP
0.5× (Half)960 px540 px0.52 MP
0.75× (Three-Quarter)1440 px810 px1.17 MP
1.0× (Native Base)1920 px1080 px2.07 MP
1.25× (Upscale)2400 px1350 px3.24 MP
1.5× (Retina 1.5x)2880 px1620 px4.67 MP
2.0× (Retina 2x)3840 px2160 px8.29 MP
3.0× (Super 3x)5760 px3240 px18.66 MP
4.0× (Ultra 4x)7680 px4320 px33.18 MP

Standard Aspect Ratios & Technical Reference

An aspect ratio describes the proportional relationship between an image, video, or canvas width and height. It is commonly expressed as two numbers separated by a colon, such as 16:9, 4:3, or 21:9.

16:9 Standard Widescreen1.778:1

The international standard format for HDTV, Full HD (1920×1080), 4K UHD (3840×2160), YouTube video players, and modern consumer computer monitors. Chosen in the late 1980s as the geometric compromise between 4:3 and 2.35:1.

4:3 Classic Television1.333:1

The standard ratio of cathode-ray tube (CRT) television, standard definition broadcasting (NTSC/PAL), classic iPad tablet screens, and retro arcade cabinets (VGA 640×480, XGA 1024×768).

21:9 Ultrawide & Cinema2.370:1

Popularized by panoramic gaming monitors (3440×1440 UWQHD, 2560×1080 UWFHD) and anamorphic theatrical cinematography. Technically defined in consumer monitors as 64:27 (~2.370:1).

Mathematical Formulas & Macroblock Rules

1. Calculating Proportional Dimension:
Height = Width / (Ratio_W / Ratio_H)
Width = Height × (Ratio_W / Ratio_H)
2. Video Codec Alignment (Mod-2 & Mod-16):

Most video encoders (FFmpeg, H.264 AVC, H.265 HEVC, VP9) require horizontal and vertical dimensions to be divisible by 2 (Mod 2) due to 4:2:0 YUV chroma subsampling. Divisibility by 16 (Mod 16 macroblocks) avoids compression edge artifacts and green padding lines.

Frequently Asked Questions (FAQ)

What is the difference between 16:9 and 21:9?
A 16:9 display has an aspect decimal of 1.778, whereas a 21:9 display provides approximately 2.370 horizontal space relative to vertical height. 21:9 allows watching widescreen cinema films without letterbox black bars and offers 33% more horizontal workspace.
How do I fix black bars (letterboxing / pillarboxing)?
Letterboxing happens when widescreen content (like 16:9) is displayed on a squarer screen (like 4:3). Pillarboxing occurs when 4:3 content is displayed on a 16:9 screen. To prevent black bars, either scale to fit the destination aspect ratio or crop the edges (pan & scan).
Why does FFmpeg fail with odd height numbers?
Video codecs utilizing YUV 4:2:0 subsampling store chroma channels at half the vertical and horizontal resolution of the luma plane. An odd dimension (such as 1081 pixels) cannot be divided into integers, causing encoder crashes. Use our Mod-2 option to guarantee valid dimensions.
Is my data secure while using this scaler?
Yes, 100%. All resolution math, GCD calculations, and canvas previews are computed entirely within your browser using local JavaScript. No information is transmitted to external servers or logged anywhere.