16:9, 9:16 & CSS
Aspect Ratio & Resolution Calculator
Calculate proportional pixel dimensions for images, videos, and UI elements. Generate modern CSS aspect-ratio properties and Tailwind utility classes.
Aspect Ratio & Resolution CalculatorCSS & Video Standard
Calculate missing pixel dimensions, compute GCD ratios, and export clean CSS `aspect-ratio` code.
Aspect Ratio (Width : Height)
:
Pixel Dimensions (Px)
Total Pixels: 2.073.600 pxMegapixels: 2.07 MP
Standard Presets
Scaled Visual Representation
16 : 91920 × 1080
Web & CSS Snippets
aspect-ratio: 16 / 9;CSS3aspect-[16/9]Tailwind CSSBidirectional Dimension Calculation
Preconfigured HD, 4K & Mobile Presets
CSS & Tailwind Code Snippets
Live Scaled Visual Box Preview
How to Use Aspect Ratio & Screen Resolution Calculator (Step-by-Step Guide)
No software installation required. Complete your task in 3 easy steps directly in your browser.
1
Select or Enter Aspect Ratio
Choose from 16:9, 9:16, 4:3, 1:1 presets or enter custom width-to-height ratios.
2
Input One Dimension
Enter either Width or Height in pixels; the corresponding dimension updates instantly.
3
Copy CSS Snippets
Copy generated CSS aspect-ratio declarations or Tailwind CSS utility classes.
How helpful was this tool?
Rated 4.9 / 5 by 3,420+ users worldwide
Share with Colleagues & Friends
Help others protect their document privacy
Got Questions?
Frequently Asked Questions
16:9 is the universal widescreen standard (1080p, 4K), while 9:16 is standard for vertical mobile video (TikTok, Instagram Reels, YouTube Shorts).