Image Aspect Ratio Calculator for Responsive Web Design

Dimensions

Width (px)

Height (px)

Lock Aspect Ratio

Ratio Presets

Simplified Ratio

16 : 9

Visual Preview

16:9

CSS Implementation

/* Modern CSS */
aspect-ratio: 16 / 9;

/* Legacy Hack */
width: 100%;
padding-top: 56.25%;
position: relative;

Copied to clipboard!