Aspect Ratio Calculator

About Aspect Ratio Calculator

Aspect ratio is the proportional relationship between width and height. Maintaining aspect ratio when resizing prevents distortion — images stay sharp, videos don't stretch, and layouts remain proportional.

Common Aspect Ratios

• 16:9: Standard widescreen (HD/4K TV, YouTube, most monitors)
• 4:3: Classic TV and older monitors, iPad
• 1:1: Square format (Instagram posts, profile pictures)
• 9:16: Vertical video (TikTok, Instagram Reels, YouTube Shorts)
• 21:9: Ultra-wide monitors and cinematic video
• 3:2: DSLR photography, MacBook screens

FAQ

How do I maintain aspect ratio in CSS?

Use the aspect-ratio property: aspect-ratio: 16 / 9; Or for older browsers, the padding-top trick: set padding-top: 56.25% (which is 9/16 × 100) on a container.

What aspect ratio should I use for social media?

Instagram feed: 1:1 or 4:5. Stories/Reels: 9:16. YouTube: 16:9. Twitter: 16:9 or 2:1. LinkedIn: 1.91:1. Always check platform-specific guidelines as they change.