Aspect Ratio Calculator | Screen & Image
Calculate aspect ratios, scale dimensions proportionally, and batch-resize images or videos without distortion.
Common Ratio Presets
Proportional Preview
Proportional preview
📐 Common Aspect Ratio Reference (click to expand)
| Ratio | Decimal | Common Use |
|---|---|---|
| 16:9 | 1.7778 | HD / FHD / 4K TV · YouTube · most monitors |
| 4:3 | 1.3333 | Classic TV · iPad · traditional photography |
| 21:9 | 2.3333 | Ultra-wide monitors · cinematic video |
| 1:1 | 1.0000 | Instagram square · profile pictures |
| 3:2 | 1.5000 | DSLR cameras · 35 mm film · MacBook displays |
| 5:4 | 1.2500 | SXGA monitors · large-format photography |
| 16:10 | 1.6000 | MacBook Pro · older widescreen laptops |
| 9:16 | 0.5625 | Instagram / TikTok Stories · smartphone portrait |
| 4:5 | 0.8000 | Instagram portrait posts |
| 2:3 | 0.6667 | Portrait photo prints (4×6, 8×12) |
| 2.35:1 | 2.3500 | CinemaScope · anamorphic widescreen |
| 1.85:1 | 1.8500 | Academy Flat · Hollywood theatrical |
| 3:1 | 3.0000 | Panoramic banner · Twitter header |
| 2:1 | 2.0000 | Univisium · some social media banners |
| 32:9 | 3.5556 | Super ultra-wide gaming monitors |
What Is the Aspect Ratio Calculator | Screen & Image?
An aspect ratio is the proportional relationship between width and height, written as two integers separated by a colon, for example 16:9 or 4:3. It stays constant regardless of physical size: a 1920×1080 thumbnail and a 3840×2160 cinema screen share the exact same 16:9 ratio.
This calculator uses Euclid's Greatest Common Divisor algorithm to reduce any width-height pair to its simplest integer form, detects whether the result matches a known standard (HD widescreen, cinema, square, portrait, etc.), and scales dimensions proportionally so images and videos resize without stretching or squashing.
Three modes are available: Find Ratio simplifies raw dimensions, Scale Dimensions calculates a missing side when resizing, and Batch Resize generates a full table for multiple target widths at once.
Formula
GCD(W, H) using Euclid's algorithmW ÷ GCD(W, H)H ÷ GCD(W, H)W ÷ H(W × H) ÷ 1,000,000New H = New W × (Original H ÷ Original W)New W = New H × (Original W ÷ Original H)Scale = New W ÷ Original W((New W × New H) ÷ (Original W × Original H) − 1) × 100How to Use
Mode 1, Find Ratio
- 1Select Find Ratio: Click the "Find Ratio" tab, it is active by default.
- 2Enter dimensions: Type your image or screen width and height in pixels (or any unit).
- 3Read results: The simplified ratio, decimal value, orientation, megapixels, and GCD appear instantly. If the ratio matches a known standard, a labelled badge is shown.
- 4Use presets: Click any preset pill (16:9, 4:3, 1:1…) to auto-fill canonical dimensions for that ratio.
Mode 2, Scale Dimensions
- 1Switch mode: Click the "Scale Dimensions" tab.
- 2Enter original size: Type the original width and height, e.g. 1920 and 1080.
- 3Enter one target: Fill in either the new width or new height. Leave the other blank, the calculator fills it in live.
- 4Read the output: Scaled dimensions, scale factor, direction (upscale / downscale), and pixel-count change percentage are all shown.
Mode 3, Batch Resize
- 1Switch mode: Click the "Batch Resize" tab.
- 2Enter original size: Type the source width and height.
- 3List target widths: Enter multiple target widths separated by commas, e.g. 1280, 1024, 854, 640, 480.
- 4Read the table: A table of proportional heights, megapixel counts, and scale factors is generated instantly for every width you entered.
Example Calculation
Example 1, Find Ratio (1920 × 1080)
GCD(1920, 1080) = 120
Ratio W = 1920 ÷ 120 = 16
Ratio H = 1080 ÷ 120 = 9
Result: 16:9 (HD Widescreen)
The decimal ratio is 1.7778. Megapixels: 1920 × 1080 ÷ 1,000,000 = 2.07 MP.
Example 2, Scale Dimensions
Original: 1920 × 1080. Target width: 1280.
New Height = 1280 × (1080 ÷ 1920)
New Height = 1280 × 0.5625 = 720
Scale factor = 1280 ÷ 1920 = 0.6667× (downscale)
Pixel change = (1280×720) ÷ (1920×1080) − 1 = −55.6%
Result: 1280 × 720, still 16:9, no distortion.
Example 3, Batch Resize (source 1920 × 1080)
| Target Width | Calculated Height | Megapixels | Scale |
|---|---|---|---|
| 1280 | 720 | 0.92 MP | 0.667× |
| 1024 | 576 | 0.59 MP | 0.533× |
| 854 | 480 | 0.41 MP | 0.444× |
| 640 | 360 | 0.23 MP | 0.333× |
| 480 | 270 | 0.13 MP | 0.250× |
Understanding Aspect Ratio | Screen & Image
What Is Aspect Ratio?
Aspect ratio defines the shape of any rectangle, an image, video frame, screen, or printed page, by expressing width relative to height as a pair of integers. A 1920×1080 monitor and a 3840×2160 cinema display look identical in shape because both reduce to 16:9. The ratio is independent of physical size or pixel count; it is purely about proportion.
The mathematics is a single operation: divide both dimensions by their Greatest Common Divisor. For 1920 and 1080 the GCD is 120, giving 16:9. For 2560 and 1440 it is 160, also giving 16:9. Euclid's algorithm finds this divisor in milliseconds regardless of how large the numbers are.
Common Aspect Ratios and Where They Are Used
| Ratio | Decimal | Typical Use |
|---|---|---|
| 16:9 | 1.7778 | HD / FHD / 4K television, YouTube, most computer monitors |
| 4:3 | 1.3333 | Classic TV, iPad displays, traditional digital photography |
| 21:9 | 2.3333 | Ultra-wide gaming monitors, cinema presentation |
| 1:1 | 1.0000 | Instagram square posts, profile pictures |
| 3:2 | 1.5000 | Full-frame DSLR cameras, 35 mm film, MacBook displays |
| 9:16 | 0.5625 | Instagram Stories, TikTok, YouTube Shorts (portrait video) |
| 4:5 | 0.8000 | Instagram portrait feed posts (maximum vertical space) |
| 16:10 | 1.6000 | MacBook Pro, older widescreen laptops |
| 2.35:1 | 2.3500 | CinemaScope / anamorphic widescreen films |
| 1.85:1 | 1.8500 | Academy Flat, most Hollywood theatrical releases |
When a ratio is not a clean integer pair, for example 2.35:1, it means the original negative or digital master was shot with a specific lens designed for that exact proportion. The calculator detects these within a small tolerance (±0.012) so they still get a named label.
Why Aspect Ratio Matters When Resizing
Resizing an image by changing only one dimension breaks the ratio and causes distortion. A subject's face that was circular in the original becomes oval; straight lines become skewed; text becomes unreadable. The correct approach is to apply a single scale factor to both dimensions simultaneously.
- Scale factor from width: New height = New width × (Original height ÷ Original width)
- Scale factor from height: New width = New height × (Original width ÷ Original height)
- Uniform scale factor: Both dimensions multiply by the same value (e.g. 0.667× for a 1920→1280 resize)
Aspect Ratio for Different Platforms
- YouTube: 16:9 for all standard uploads. Shorts use 9:16. Thumbnails are 1280×720 (16:9).
- Instagram: Feed supports 1:1, 4:5 portrait, and 1.91:1 landscape. Stories and Reels are 9:16.
- TikTok: 9:16 portrait is the native format. Horizontal 16:9 is supported but not recommended.
- Twitter / X: In-stream images display best at 16:9. Header photo is approximately 3:1.
- Facebook: Feed images support 1.91:1 to 4:5. Cover photo is approximately 2.7:1.
- LinkedIn: Post images at 1.91:1, profile banner at approximately 4:1.
Aspect Ratio for Photography and Printing
Standard print sizes each correspond to a specific ratio. Ordering a print without checking means the lab will crop your image, often removing important content near the edges.
| Print Size | Ratio | Notes |
|---|---|---|
| 4 × 6 in | 3:2 | Standard photo print, matches full-frame DSLR native ratio |
| 5 × 7 in | 7:5 | Common portrait print, requires slight crop from 3:2 |
| 8 × 10 in | 5:4 (4:5 rotated) | Requires significant crop from 3:2 or 16:9 source |
| 8 × 12 in | 3:2 | Matches full-frame DSLR, no crop needed |
| 11 × 14 in | ≈4:3 | Close to 4:3, slight crop from 3:2 source |
| A4 (paper) | ≈1.41:1 | ISO paper ratio √2:1, does not match any camera ratio exactly |
Aspect Ratio in Web Development
The CSS aspect-ratio property uses the same integers this calculator produces. A responsive video container that maintains 16:9 across all screen widths is written as:
/* Modern approach */
aspect-ratio: 16 / 9;
/* Legacy padding-bottom trick */
padding-bottom: 56.25%; /* = 9 ÷ 16 × 100 */
The decimal value shown in the Find Ratio result (e.g. 0.5625 for 9:16) converts directly to the percentage needed for the padding-bottom hack. This keeps embedded iframes and video elements perfectly proportioned without JavaScript.
Using Batch Resize for Production Workflows
Responsive web design requires the same hero image at multiple breakpoints. A typical export spec might include sizes for 4K, desktop, tablet, and mobile, all from the same source crop. Rather than calculating each height by hand, enter the source dimensions once and list all target widths. The batch mode generates the complete table in one step, ready to share with a developer or paste directly into an image-processing script.
- Source: 3840 × 2160 (4K, 16:9)
- Targets: 1920, 1440, 1280, 1024, 768, 480
- Output: six rows with exact heights (1080, 810, 720, 576, 432, 270), all 16:9, no manual calculation
Aspect Ratio vs Resolution, What Is the Difference?
Aspect ratio describes shape. Resolution describes pixel count. Two screens can share the same 16:9 ratio while having completely different resolutions: 1280×720 (HD), 1920×1080 (FHD), 2560×1440 (QHD), and 3840×2160 (4K) are all 16:9. Higher resolution means more pixels, sharper images and larger file sizes, but the proportional shape stays identical. When people say "720p" or "1080p", the "p" refers to the number of horizontal lines (progressive scan), and the width is implied by the 16:9 ratio.
Frequently Asked Questions
What is an aspect ratio and how is it calculated?
Aspect ratio is the proportional relationship between width and height, written as width:height. To calculate it, divide both dimensions by their Greatest Common Divisor (GCD). For 1920×1080: GCD = 120, so 1920÷120 = 16 and 1080÷120 = 9, giving 16:9.
What aspect ratio should I use for YouTube?
16:9 is the standard for YouTube. The player is built for widescreen, and all HD and 4K resolutions, 1280×720, 1920×1080, 3840×2160, use 16:9. Videos in other ratios get black bars (letterboxing or pillarboxing) added automatically.
What is the best aspect ratio for Instagram?
Instagram supports 1:1 square, 4:5 portrait (1080×1350 px, takes the most feed space), 1.91:1 landscape (1080×566 px), and 9:16 for Stories and Reels. Portrait 4:5 typically performs best for feed posts.
Why do black bars appear when watching videos?
Black bars appear when the video ratio does not match the screen ratio. Horizontal bars (letterboxing) occur when content is wider than the display, common with 21:9 films on 16:9 screens. Vertical bars (pillarboxing) occur when content is narrower, like watching old 4:3 TV on a widescreen monitor.
What is the difference between 16:9 and 4:3?
16:9 is the modern widescreen standard used by HD televisions, monitors, and online video. 4:3 is the older squarish format used by analogue TVs and older cameras. 16:9 has a decimal ratio of 1.778 versus 1.333 for 4:3. Converting 4:3 content to a 16:9 frame without cropping results in pillarboxing.
What aspect ratio do smartphones use?
Modern smartphones typically use ratios from 18:9 to 21:9. iPhones since iPhone X use approximately 19.5:9. When recording vertical video for TikTok, Instagram Reels, or YouTube Shorts, the effective ratio is 9:16, the portrait orientation of the widescreen standard.
What is the standard aspect ratio for photography?
Full-frame DSLR and mirrorless cameras use 3:2 (e.g. 6000×4000 px). Micro Four Thirds and many compacts use 4:3. Smartphones default to 4:3. The 3:2 ratio maps directly to standard print sizes: 6×4 in, 9×6 in, and 12×8 in.
How do I resize an image without distortion?
Always change width and height by the same scale factor. Enter your original dimensions and one target dimension in Scale Dimensions mode, the calculator works out the exact matching value. Never adjust width and height independently or the image will stretch.
What does 21:9 mean?
21:9 is an ultra-wide ratio (decimal ≈ 2.333) used by cinema projectors, ultra-wide monitors, and some smartphones. Most Hollywood films are mastered at 2.35:1 or 2.39:1, close to 21:9. Watched on a 16:9 screen they show black bars above and below.
How does the GCD simplify an aspect ratio?
The Greatest Common Divisor is the largest number that divides both width and height without a remainder. Dividing both by the GCD reduces the ratio to its lowest terms. Example: 2560×1440 → GCD = 320 → 8:4.5? No, that is not an integer. The tool uses integer GCD on rounded values: GCD(2560, 1440) = 160 → 16:9.