How it works
Calculate aspect ratios and resize dimensions.
Input query strings and outputs
Use an input name in this page’s URL as ?name=value, and join additional inputs with &. Portable shared links may instead use the compact ?ac= state parameter.
Input query strings
4-
?width=WidthNumber · Optional · Default: 1,920
-
?height=HeightNumber · Optional · Default: 1,080
-
?newWidth=New WidthNumber · Optional · Default:
-
?newHeight=New HeightNumber · Optional · Default:
Outputs
1-
resultResultText · Primary output
result contains the calculator’s complete rendered result area, including its visible result cards, tables, charts, and messages.
Calculate and resize image dimensions while maintaining proportions
Description
The Aspect Ratio Calculator is a design tool that helps you understand the proportional relationship between an image’s width and height. Whether you are prepping a thumbnail for YouTube, an image for Instagram, or a hero banner for a website, this tool allows you to calculate the base ratio (like 16:9 or 4:3) and instantly find new dimensions for scaling up or down without distorting the image.
Inputs
- Original Width: The current width of your image in pixels.
- Original Height: The current height of your image in pixels.
- New Width / New Height: Enter a value in either field to see what the other dimension should be to maintain the original ratio.
Outputs
- Aspect Ratio: The simplified ratio (e.g.,
16:9). - Calculated Dimension: The corresponding width or height for your new size.
Chart
- N/A: This tool provides direct numeric pixel results.
“Good to Know”
- Distortion: If you change the width of an image without changing the height proportionally, the image will look “stretched” or “squashed.” This is called “breaking the aspect ratio.”
- Common Ratios:
- 16:9: HD Video, Modern Monitors.
- 4:3: Older TVs, iPad screens.
- 1:1: Square (Instagram posts).
- 9:16: Vertical Video (TikTok, Reels).
- GCD: This tool uses the Great Common Divisor (GCD) to simplify your dimensions into the smallest possible whole-number ratio.
Examples
Example 1: Full HD to 4K
- Input: Width: 1920, Height: 1080. New Width: 3840.
- Output: Ratio: 16:9, New Height: 2160.
Example 2: Classic Resolution
- Input: Width: 800, Height: 600.
- Output: Ratio: 4:3.
Example 3: Phone Photo
- Input: Width: 3000, Height: 4000.
- Output: Ratio: 3:4.