Free Aspect Ratio Calculator
Calculate missing dimensions from a ratio, or find the ratio from your dimensions. Includes presets for YouTube, Instagram, TikTok, and more.
Enter dimensions or ratio to see results.
What Is Aspect Ratio?
Aspect ratio is the proportional relationship between the width and height of a rectangle โ expressed as two numbers separated by a colon, such as 16:9 or 4:3. The first number is the width and the second is the height. An aspect ratio of 16:9 means that for every 16 units of width, there are 9 units of height. The actual pixel dimensions can vary โ 1280ร720, 1920ร1080, 3840ร2160 are all 16:9 โ while maintaining the same proportional shape.
Aspect ratios matter in digital media, photography, videography, web design, and social media because different platforms and display surfaces have fixed proportions. A 16:9 video cropped to 4:3 for broadcast television will have black bars on the sides (pillarboxing), while a 4:3 image displayed at 16:9 will have black bars on the top and bottom (letterboxing). Working with the correct aspect ratio from the start avoids costly recropping and ensures content fills its intended display surface without distortion.
Common Aspect Ratios and Their Uses
Different media contexts use different standard aspect ratios, and understanding these is essential for content creators, photographers, videographers, and designers:
- 16:9 (widescreen): The universal standard for HD and 4K video. Used by YouTube, Vimeo, most TV broadcasts, and all modern PC and TV displays. Standard resolutions: 1280ร720 (HD), 1920ร1080 (Full HD), 2560ร1440 (QHD), 3840ร2160 (4K UHD).
- 9:16 (vertical/portrait): The inverse of 16:9, used for mobile-first vertical video. This is the native format for Instagram Stories, Instagram Reels, TikTok, and YouTube Shorts. Standard resolution: 1080ร1920.
- 4:3 (traditional TV/photography): The original television standard, still used by some digital cameras in their default mode. Most consumer digital cameras offer both 4:3 and 3:2 modes.
- 1:1 (square): Used for profile pictures, thumbnail images, and Instagram posts (classic square format). Standard resolutions: 1080ร1080 for Instagram posts.
- 4:5 (portrait): Used for Instagram portrait posts, which occupy more screen real estate in the feed than square posts. Standard: 1080ร1350.
- 21:9 (ultra-widescreen/cinematic): Used in cinema and increasingly in ultra-wide computer monitors. Gives footage a distinctive cinematic look. Resolutions: 2560ร1080 or 3440ร1440.
- 2:1 (wide): Used by Twitter/X for link cards and some cinematic video formats.
Video Production Standards by Platform
Each major social media platform has specific recommended dimensions and aspect ratios for different content types:
- YouTube: Standard video: 1920ร1080 (16:9). Shorts: 1080ร1920 (9:16). Thumbnails: 1280ร720 (16:9, minimum 2MB).
- Instagram: Feed photos: 1080ร1080 (1:1) or 1080ร1350 (4:5 portrait). Stories/Reels: 1080ร1920 (9:16). IGTV: 1080ร1920 (9:16) or 1920ร1080 (16:9).
- TikTok: Standard video: 1080ร1920 (9:16). Feed ads: minimum 540ร960 (9:16). Horizontal: 1920ร1080 (16:9).
- LinkedIn: Link thumbnails: 1200ร627 (~1.91:1). Videos: 1920ร1080 (16:9) for landscape, 1080ร1920 (9:16) for portrait.
- Twitter/X: Images: 1600ร900 (16:9) for optimal display. Profile banner: 1500ร500 (3:1).
- Facebook: Posts: 1200ร630 (1.91:1). Stories/Reels: 1080ร1920 (9:16). Cover photo: 820ร312.
Calculating Dimensions from Aspect Ratio
To calculate a missing dimension given an aspect ratio and one known dimension: if you know the width and the ratio W:H, the height is calculated as height = width ร H รท W. For example, for 16:9 at 1920px wide: height = 1920 ร 9 รท 16 = 1080px. Conversely, to find the width from a known height: width = height ร W รท H. This calculator performs both calculations instantly.
Frequently Asked Questions
aspect-ratio property (e.g., aspect-ratio: 16 / 9;) on the container element. Alternatively, for images, set width: 100% and let height: auto maintain the natural aspect ratio. For responsive video embeds, the classic "padding-top trick" (using padding-top: 56.25% for 16:9) creates an intrinsic ratio box. The modern aspect-ratio CSS property (supported in all modern browsers) is the preferred approach for new projects.Related Free Tools
Need a custom tool built for your business?
Get a Free Quote