1
Choose a mode
Pick whether you know width and height, ratio and width, ratio and height, or ratio and diagonal.
SEO-ready aspect ratio workflow
Aspect Ratio Calculator
Calculate aspect ratios instantly, scale width and height in any direction, switch units, and preview the output inside a responsive frame built for designers, video teams, and frontend work.
Core Calculator
Calculate instantly
Current output
16:9 • 1920 x 1080 px
Quick Presets
Live Preview
Visualize the ratio in context
landscape
Ratio 16:9
1920 × 1080 px
landscape
16:9
W 1920 pxH 1080 px
Measured output
- Width
- 1920 px
- Height
- 1080 px
- Diagonal
- 2202.91 px
- Pixels
- 1920 x 1080 px
Quick CSS
aspect-ratio: 16 / 9; padding-top: 56.25%;
Device context
Phone9:16
Tablet4:3
Laptop16:9
Cinema21:9
360p
640 x 360
720p HD
1280 x 720
900p+
1600 x 900
1080p Full HD
1920 x 1080
Ratio Guides
Start with the most common standards
Each guide expands on use cases, common resolutions, CSS implications, and when to choose one ratio over another.
16:9
16:9
Calculate 16:9 dimensions, common resolutions, CSS percentages, and scaling examples for video and web layouts.
16:10
16:10
Calculate 16:10 dimensions for MacBook displays, professional monitors, and cross-screen layout testing.
2:1
2:1
Calculate 2:1 dimensions for panoramic photos, web hero banners, and wide editorial layouts.
4:3
4:3
Work out 4:3 widths and heights for slides, tutorials, retro content, and camera workflows.
1:1
1:1
Generate perfect square dimensions for avatars, social posts, tiles, and image placeholders.
5:4
5:4
Calculate 5:4 dimensions for editorial image cards, medium-format-inspired layouts, and landscape print crops.
4:5
4:5
Calculate 4:5 portrait dimensions for Instagram feed posts, product photography, and editorial crops.
1.91:1
1.91:1
Calculate 1.91:1 dimensions for Open Graph images, Facebook and LinkedIn posts, and featured article cards.
4:1
4:1
Calculate 4:1 dimensions for LinkedIn personal banners, ultra-wide headers, and brand cover images.
3:1
3:1
Calculate 3:1 dimensions for Twitter/X headers, web banners, and email headers with safe-zone guidance.
2:3
2:3
Calculate 2:3 portrait dimensions for Pinterest pins, vertical print, and portrait photography crops.
1:2
1:2
Calculate 1:2 dimensions for tall mobile ads, extended portrait layouts, and poster-like vertical systems.
9:16
9:16
Calculate 9:16 vertical video sizes for TikTok, Instagram Reels, Shorts, and mobile-first creatives.
3:2
3:2
Calculate 3:2 dimensions for camera images, 35mm film workflows, 4x6 prints, and responsive photography layouts.
21:9
21:9
Find 21:9 ultrawide dimensions for cinematic edits, widescreen presentations, and monitor layouts.
Use Cases
Choose a workflow by destination, not just by math
When teams know the platform but not the exact size, these guides turn abstract ratio math into practical export, crop, and layout decisions.
Use Case
Aspect Ratio Guide for Instagram
Plan Instagram Feed, Reels, Stories, Carousels, and the 2025 3:4 grid with exact specs, safe zones, and a shoot-first workflow.
Use Case
Aspect Ratio Guide for TikTok
Plan TikTok 9:16 video, Photo Mode, landscape uploads, organic safe zones, and ad safe zones from one 2026 workflow guide.
Use Case
Aspect Ratio Guide for YouTube
Plan YouTube main videos, Shorts, thumbnails, channel banners, End Screens, and ads with safe zones and a shoot-first workflow.
Use Case
Aspect Ratio Guide for Facebook
Plan Facebook Feed, Stories, Reels, Cover Photos, Carousel, and ads with mobile-first safe zones and format decisions.
Use Case
Aspect Ratio Guide for Twitter / X
Plan X single images, multi-photo layouts, videos, Headers, Profile Photos, and ads with crop rules and content-first decisions.
Use Case
Aspect Ratio Guide for LinkedIn
Plan LinkedIn Feed images, videos, Document Posts, Personal and Company Banners, and ads with B2B-first safe zones.
Use Case
Aspect Ratio Guide for Pinterest
Plan Standard Pins, Idea Pins, Video Pins, Shopping Pins, Board Covers, and ads with 2:3 grid crop rules and search-first decisions.
Use Case
Video
Choose safe video dimensions for YouTube, Shorts, streaming, editing timelines, and platform exports.
How To Use
Calculate an aspect ratio in four steps
The calculator updates as you type, so you can switch modes, units, and presets without losing momentum.
2
Enter dimensions
Type your values, switch units if needed, and adjust the DPI setting when you work with print measurements.
3
Review the result
The calculator instantly returns the simplified ratio, decimal value, CSS percentage, and common matching resolutions.
4
Share or reuse
Copy the result, save it to history, or share the URL with the query parameters already filled in.
Advanced Tools
Extended utility stack
The standalone tools now cover batch conversion, CSS snippet generation, and resolution lookup while keeping the whole site frontend-only and static-deploy friendly.
Batch Aspect Ratio Converter
Paste a long resolution list, classify every ratio at once, and export CSV or Markdown with match quality.
Image Crop Preview Tool
Preview how a photo fits inside social, video, print, and web aspect ratios before you crop, export, or hand it to production.
Resolution Finder
Detect screen resolution, viewport size, device pixel ratio, and common device classes in one browser-based report.
CSS Aspect Ratio Generator
Generate CSS aspect ratio code, padding-top fallback, Tailwind classes, Bootstrap utilities, and React snippets from any ratio.
Social Media Sizes
Platform ratios at a glance
Use the quick-fill buttons to drop each platform ratio into the calculator with one click.
Feed post
- Ratio
- 4:5
- Min resolution
- 1080 x 1350
- Recommended
- 1080 x 1350
- Max file size
- 8 MB
YouTube
Video
- Ratio
- 16:9
- Min resolution
- 1280 x 720
- Recommended
- 1920 x 1080
- Max file size
- 256 GB
TikTok
Vertical video
- Ratio
- 9:16
- Min resolution
- 540 x 960
- Recommended
- 1080 x 1920
- Max file size
- 287 MB
X / Twitter
Image post
- Ratio
- 16:9
- Min resolution
- 1200 x 675
- Recommended
- 1600 x 900
- Max file size
- 5 MB
Feed image
- Ratio
- 1.91:1
- Min resolution
- 1200 x 630
- Recommended
- 1200 x 630
- Max file size
- 30 MB
Link preview
- Ratio
- 1.91:1
- Min resolution
- 1200 x 627
- Recommended
- 1200 x 627
- Max file size
- 5 MB
Standard pin
- Ratio
- 2:3
- Min resolution
- 1000 x 1500
- Recommended
- 1000 x 1500
- Max file size
- 20 MB
Snapchat
Story
- Ratio
- 9:16
- Min resolution
- 1080 x 1920
- Recommended
- 1080 x 1920
- Max file size
- 32 MB
Status
- Ratio
- 9:16
- Min resolution
- 1080 x 1920
- Recommended
- 1080 x 1920
- Max file size
- 16 MB
FAQ
Common aspect ratio questions
What is aspect ratio?
Aspect ratio is the proportional relationship between width and height. It is usually written as width:height, such as 16:9 or 4:3.
How do I calculate aspect ratio from width and height?
Divide width by height to get the decimal ratio, then reduce both numbers by their greatest common divisor to get the simplified ratio.
What is the most common aspect ratio?
16:9 is the most common modern ratio for video, laptops, TVs, presentation decks, and web embeds.
What aspect ratio is 1920x1080?
1920 x 1080 simplifies to 16:9, the standard widescreen video format.
How do I maintain aspect ratio when resizing?
Keep one side fixed and calculate the other side from the ratio. If the width changes, multiply it by height divided by width from the original ratio.
What aspect ratio should I use for YouTube videos?
Use 16:9 for standard YouTube videos. Shorts and mobile-first vertical video use 9:16.
What is the difference between 16:9 and 4:3?
16:9 is wider and better for modern displays. 4:3 is more compact and still appears in slides, retro content, and certain camera outputs.
How do I calculate aspect ratio in CSS?
Use the modern `aspect-ratio` property or the classic padding-top technique, where padding-top equals height divided by width times 100%.
Related Reading
Content that supports long-tail SEO coverage
The blog structure is in place so the tool and content system can reinforce each other through internal linking and problem-specific pages.
2024-01-15 · 8 min read
What Is Aspect Ratio? Definition, Examples & Guide
A complete guide to aspect ratio, how it works, common formats, calculation methods, and why the right ratio matters across screens, photos, video, and social media.
2024-02-01 · 9 min read
16:9 vs 4:3: Which Should You Choose?
A practical comparison of 16:9 and 4:3 for video, presentations, photography, gaming, webcams, projectors, and modern screen workflows.
2025-01-01 · 12 min read
Social Media Image Sizes 2025 - Complete Guide
Every major social media image size for 2025 in one place, including Instagram, Facebook, YouTube, TikTok, LinkedIn, Pinterest, X, and Threads.
2025-01-01 · 11 min read
Instagram Aspect Ratio Guide 2025: Every Format, Every Size, Every Change
Complete Instagram aspect ratio guide for 2025: Feed, Reels, Stories, Carousels, the new 3:4 profile grid, safe zones, and a shoot-first decision framework.
2025-01-01 · 12 min read
TikTok Aspect Ratio Guide 2026: Every Format, Safe Zones & Shoot-First Framework
Complete TikTok aspect ratio guide for 2026: 9:16 vertical video, 16:9 landscape, 1:1 square, Photo Mode, ad specs, pixel-level safe zones, and a shoot-first framework.
2025-01-01 · 13 min read
Aspect Ratio Guide for YouTube (2026): Every Format, Safe Zones & Decision Framework
Complete YouTube aspect ratio guide for 2026: main videos, Shorts, thumbnails, channel banners, End Screens, ads, pixel-level safe zones, and a shoot-first framework.
2025-01-01 · 12 min read
Aspect Ratio Guide for Facebook (2026): Every Format, Safe Zones & Mobile-First Framework
Complete Facebook aspect ratio guide for 2026: Feed, Stories, Reels, Cover Photo, Carousel, ads, pixel-level safe zones, and a mobile-first decision framework.
2025-01-01 · 11 min read
Aspect Ratio Guide for Twitter / X (2026): Every Format, Layout Rules & Safe Zones
Complete X aspect ratio guide for 2026: single images, multi-photo layout cropping rules, video, Header overlap, Profile Photo, and all ad formats.
2025-01-01 · 12 min read
Aspect Ratio Guide for LinkedIn (2026): Every Format, Safe Zones & B2B Framework
Complete LinkedIn aspect ratio guide for 2026: Feed images, videos, Document Posts, Personal vs Company Banner safe zones, and all ad formats.
2025-01-01 · 11 min read
Aspect Ratio Guide for Pinterest (2026): Every Pin Format, Grid Rules & Safe Zones
Complete Pinterest aspect ratio guide for 2026: Standard Pins, Idea Pins, Video Pins, Shopping Pin safe zones, tall Pin grid crop rules, and all ad formats.
2025-06-01 · 7 min read
4:5 vs 1:1 on Instagram: Which Ratio Gets More Reach? (2025)
4:5 occupies 25% more screen space than 1:1 in the Instagram Feed. See the math, the reach logic, the exceptions, and the decision framework.
2025-06-01 · 11 min read
9:16 vs 16:9: The Complete Creator's Guide
A creator-first comparison of 9:16 and 16:9 covering platform behavior, crop math, shooting strategy, and cross-platform publishing tradeoffs.
2025-06-01 · 13 min read
How to Change Aspect Ratio: Premiere, CapCut, DaVinci, Canva & More (2025)
A step-by-step aspect ratio workflow guide for Premiere Pro, CapCut, DaVinci Resolve, Final Cut Pro, Canva, Photoshop, iPhone, and online tools, built around the crop-vs-scale-vs-fill decision.
2025-06-01 · Reference — no reading required
Aspect Ratio Cheat Sheet 2025
A ratio-first reference page covering every common aspect ratio, platform-ready dimensions, CSS values, and crop relationships in one place.
Search Coverage
Aspect ratio help for real teams, channels, and delivery contexts
video aspect ratio calculator for YouTube teamssocial media image size guide for brand marketersphoto crop tool for ecommerce product teamsresponsive CSS aspect ratio generator for frontend developersscreen resolution finder for QA engineersprint aspect ratio calculator for photographersbatch ratio converter for content operationsvertical video size calculator for Reel editors
Aspect Ratio Calculator is a free aspect ratio calculator built for distributed creative and product teams that need fast answers without opening a spreadsheet. Whether you are planning a video aspect ratio workflow, checking a social media image size guide, or validating a responsive media shell, the goal is the same: get to the correct ratio and final size in one pass.
The toolset covers a batch ratio converter for content operations, an image crop preview toolfor ecommerce and editorial teams, a responsive CSS aspect ratio generatorfor frontend developers, and a screen resolution finderfor QA engineers and designers reviewing breakpoints.
Because the site serves global workflows rather than one city, the guidance is written for remote teams shipping assets across the US, Europe, and Asia-Pacific. That includes photographers preparing 4x6 prints in 3:2, growth teams exporting 4:5 feed assets, and editors building 9:16 vertical video for Shorts and Reels.
Start with the calculator when you know one dimension, open the use-case guides when the destination is still fuzzy, and move into the advanced tools when you need crop planning, CSS output, or batch export support.