Sizing Responsive Video & Card Containers
Compute exact pixel heights for embedded iframes, hero banners, and responsive product cards so layouts never suffer from Cumulative Layout Shift (CLS).
Calculate exact proportional pixel dimensions without stretching or distorting your visuals. Choose a standard preset (16:9 widescreen, 9:16 vertical video, 4:5 portrait, 4:3 classic, 3:2 DSLR, 1:1 square, or 21:9 ultrawide) or enter any custom ratio — then type either width or height to solve for the matching dimension.
Change either dimension and the other updates to keep the ratio.
Select a one-tap aspect ratio preset (16:9, 4:3, 3:2, 1:1, 9:16, 21:9) or enter your own original width and height in the Ratio fields.
Type your desired target Width in pixels to immediately compute the proportional Height.
Alternatively, type your desired target Height in pixels and the calculator will solve for the matching Width.
Copy the simplified ratio, decimal multiplier, and exact pixel dimensions into your editor or our Resize Image tool.
Compute exact pixel heights for embedded iframes, hero banners, and responsive product cards so layouts never suffer from Cumulative Layout Shift (CLS).
Find clean downscaled or upscaled resolutions for 1080p, 1440p, and 4K video sequences, thumbnails, and vertical Shorts.
Compare native 3:2 DSLR/mirrorless photo proportions against 4:5 Instagram portraits or 4:3 tablet screens before cropping.
Switch between 16:9, 4:3, 3:2, 1:1, 9:16, and 21:9 in a single click.
Type width to calculate height, or type height to calculate width in real time.
Reduces any arbitrary pixel dimension pair (e.g. 2560×1440) down to its lowest whole-number ratio (16:9).
Displays the decimal width-to-height factor (e.g. 1.78:1) used in cinematography and CSS.
Fast numeric inputs and responsive preset buttons built for phones and desktops.
Instant in-browser calculation with zero network requests or sign-ups.