{# canonical_base is the OWNING tenant's origin: all 16 Peasy domains serve the same catalogue, so a page rendered by a non-owner points its canonical at the owner instead of competing with it. Falls back to this site for static/self-owned pages. #}
✓ 🍋
peasy / css
Menu
All Tools Guides 48 Glossary 44 File Formats 131 Use Cases 302 API

Categories

P pdf I image D document T text D developer C css D design V video A audio Q qr S seo S security S social M math G generator
🍋 peasytools.com
🍋 Design Tools

Aspect Ratio Calculator

Free Browser-only No sign-up
chars words sentences lines

Results

Result

About Aspect Ratio Calculator

Calculate aspect ratios from dimensions. Shows the simplified ratio, decimal value, CSS property, and common sizes at the same ratio.

How It Works

Enter dimensions like '1920x1080' and the tool calculates the simplified ratio, decimal value, megapixel count, CSS aspect-ratio property, proportional sizes at different scales, and the closest standard ratio.

Frequently Asked Questions

What is the most common web aspect ratio?
16:9 is standard for video and widescreen. 1.91:1 (1200×630) is the standard for OG images and social sharing previews.
How do I use CSS aspect-ratio?
Use 'aspect-ratio: 16 / 9;' in CSS. The browser maintains the ratio automatically. In Tailwind, use 'aspect-video' (16/9) or 'aspect-square' (1/1).