Ratio 16:9 · padding-bottom: 56.2500%
.container {
aspect-ratio: 16 / 9;
}The aspect-ratio property sets a preferred ratio (e.g. 16/9) so the box keeps that ratio when one dimension is set. Supported in all modern browsers.
Enter source dimensions (W1×H1) and a target width or height (W2 or H2). The other dimension is calculated to preserve aspect ratio. Use presets for 4K, HD, Facebook, Twitter, and more.
Yes. No sign-up. All calculation runs in your browser.
Resize images by pixels or scale. Lock aspect ratio, optional center crop. All in browser
Generate custom placeholder images with adjustable dimensions, colors, and text
Upload an image to see dimensions, aspect ratio, format, and file size. All in browser.