{"id":66752,"date":"2026-10-13T08:53:48","date_gmt":"2026-10-13T05:53:48","guid":{"rendered":"https:\/\/wpcalc.com\/en\/?p=66752"},"modified":"2026-10-23T17:13:42","modified_gmt":"2026-10-23T14:13:42","slug":"aspect-ratio-calculator","status":"publish","type":"post","link":"https:\/\/wpcalc.com\/en\/converters\/aspect-ratio-calculator\/","title":{"rendered":"Aspect Ratio Calculator \u2013 Image Ratio and Resize"},"content":{"rendered":"<section class=\"not-prose calculator-box\" aria-labelledby=\"calculator-title\"><div class=\"flex items-baseline sm:items-center justify-between gap-2 sm:gap-3\"><div class=\"flex flex-col sm:flex-row sm:items-center gap-2\"><span class=\"icon icon-calculator text-primary-700! text-base! dark:text-primary-300!\" aria-hidden=\"true\"><\/span><h2 id=\"calculator-title\" class=\"text-lg font-display font-bold\">Find the Aspect Ratio of Width and Height<\/h2><\/div><div class=\"calcdash-favorite group\">\n  <button type=\"button\" class=\"favorite\" id=\"favorite\" data-favorite-id=\"66752\" data-favorite-title=\"Aspect Ratio\" data-favorite-url=\"https:\/\/wpcalc.com\/en\/converters\/aspect-ratio-calculator\/\" data-favorite-excerpt=\"Enter the width and height of an image, screen or video to find its aspect ratio, its common name (like 16:9), and the matching dimension for any proportional resize.\" aria-label=\"Add to Favorites\" data-favorite-icon=\"icon icon-other\">\n    <span class=\"icon icon-shape-star-empty\" aria-hidden=\"true\"><\/span>\n  <\/button>\n  <div class=\"calcdash-favorite__tip\" aria-hidden=\"true\">\n   <span class=\"favorite-tooltip\" id=\"favorite-tooltip\"><\/span>\n  <\/div>\n  <span class=\"sr-only\" role=\"status\" id=\"favorite-status\"><\/span>\n<\/div><\/div><form action=\"https:\/\/wpcalc.com\/en\/converters\/aspect-ratio-calculator\/\" method=\"POST\" class=\"calculator\" id=\"calculator-66752\" data-post=\"66752\"><fieldset class=\"fieldset-input is-1\"><legend class=\"sr-only\">Input Fields<\/legend><div class=\"field has-term\" id=\"input-1\"><label for=\"field-1\">Original Width<\/label><div class=\"term\">W<\/div>  <div class=\"absolute bottom-0 left-16 top-8 w-2 h-0.5 bg-blue-500\"><\/div><input type=\"text\" name=\"original_width\" id=\"field-1\" aria-describedby=\"calc-info-1\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"e.g. 1920\" min=\"0\" value=\"1920\"\/><small id=\"calc-info-1\">Width of your image, screen or video in any unit \u2014 both dimensions must use the same unit.<\/small><\/div><div class=\"field has-term\" id=\"input-2\"><label for=\"field-2\">Original Height<\/label><div class=\"term\">H<\/div>  <div class=\"absolute bottom-0 left-16 top-8 w-2 h-0.5 bg-blue-500\"><\/div><input type=\"text\" name=\"original_height\" id=\"field-2\" aria-describedby=\"calc-info-2\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"e.g. 1080\" min=\"0\" value=\"1080\"\/><small id=\"calc-info-2\">Height of your image, screen or video in the same unit as the width.<\/small><\/div><div class=\"field has-term\" id=\"input-3\"><label for=\"field-3\">New Width (optional)<\/label><div class=\"term\">W\u2032<\/div>  <div class=\"absolute bottom-0 left-16 top-8 w-2 h-0.5 bg-blue-500\"><\/div><input type=\"text\" name=\"new_width_optional\" id=\"field-3\" aria-describedby=\"calc-info-3\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"e.g. 1280\" min=\"0\" value=\"1280\"\/><small id=\"calc-info-3\">Enter a target width to get the matching height. Leave both new fields empty to compute the ratio only.<\/small><\/div><div class=\"field has-term\" id=\"input-4\"><label for=\"field-4\">New Height (optional)<\/label><div class=\"term\">H\u2032<\/div>  <div class=\"absolute bottom-0 left-16 top-8 w-2 h-0.5 bg-blue-500\"><\/div><input type=\"text\" name=\"new_height_optional\" id=\"field-4\" aria-describedby=\"calc-info-4\" data-number inputmode=\"decimal\" autocomplete=\"off\" spellcheck=\"false\" placeholder=\"e.g. 720\" min=\"0\"\/><small id=\"calc-info-4\">Enter a target height to get the matching width. Fill in only one of the two new dimensions.<\/small><\/div><\/fieldset><div class=\"buttons\"><button type=\"submit\" data-text=\"Re-Calculate\" id=\"calculate-button\" data-post=\"66752\">Calculate<\/button><button type=\"reset\">Reset<\/button><\/div><div class=\"field is-checkbox hidden!\" id=\"field-auto-calc\"><input type=\"checkbox\" id=\"auto-calc\"><label for=\"auto-calc\">Calculate automatically<\/label><small>If enabled, the result will update automatically when you change any value.<\/small><\/div><div class=\"fieldset-result is-hidden\" aria-labelledby=\"result-title\" aria-live=\"polite\" role=\"region\"> <h3 class=\"result-title bg-gradient-to-r from-primary-50 to-gray-50 dark:from-primary-900 dark:to-gray-800\" id=\"result-title\"><span class=\"icon icon-s-pulse\" aria-hidden=\"true\"><\/span> Aspect Ratio Results<\/h3><div class=\"result-box\"><div class=\"field-result is-column\" id=\"output-1\"><span class=\"field-title\"><span>Simplified Aspect Ratio<\/span><\/span><span class=\"field-value\" id=\"result-1\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result\" id=\"output-2\"><span class=\"field-title\"><span>Width \u00f7 Height<\/span><span class=\"result-term\">W\/H<\/span><\/span><span class=\"field-value\" id=\"result-2\" data-unit=\":1\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result is-column\" id=\"output-3\"><span class=\"field-title\"><span>Common Name<\/span><\/span><span class=\"field-value\" id=\"result-3\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><div class=\"field-result is-column\" id=\"output-4\"><span class=\"field-title\"><span>Proportionally Resized Dimension<\/span><\/span><span class=\"field-value\" id=\"result-4\"><\/span><button type=\"button\" class=\"copy-result\" data-tooltip=\"Copy Result\" aria-label=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\" aria-hidden=\"true\"><\/span><\/button><\/div><\/div><div class=\"result-actions\"><button type=\"button\" class=\"copy-link\"><svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z\"\/><path d=\"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z\"\/><\/svg><span class=\"copy-link__text\">Copy link to this calculation<\/span><\/button><span class=\"sr-only\" role=\"status\" id=\"copy-link-status\"><\/span><\/div><\/div><a href=\"#respond\" class=\"hidden transition-opacity duration-300 opacity-0 w-50 text-sm justify-center items-center gap-2 px-4 py-2 rounded bg-gray-200 text-gray-700 hover:bg-gray-300\" id=\"leave-comment\"><span class=\"icon icon-comments\" aria-hidden=\"true\"><\/span>Leave a Comment<\/a><\/form><\/section><section id=\"calc-reactions\" class=\"not-prose hidden my-12 bg-gradient-to-r from-primary-50 to-gray-50 border border-indigo-100 rounded-xl px-6 py-4 shadow-sm\" data-post=\"66752\" aria-live=\"polite\" aria-labelledby=\"calc-reactions-title\"><p id=\"calc-reactions-title\" class=\"text-sm text-gray-500 text-center mb-2\">How did this result make you feel?<\/p><div role=\"group\" aria-labelledby=\"calc-reactions-title\" class=\"grid grid-cols-3 sm:flex sm:flex-row sm:justify-around gap-4 sm:items-center sm:flex-wrap\"><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"like\"><span class=\"reaction-count\" data-reaction-count=\"like\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude00 <\/span><span class=\"reaction-description font-medium\">Like <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"helpful\"><span class=\"reaction-count\" data-reaction-count=\"helpful\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\udca1 <\/span><span class=\"reaction-description font-medium\">Helpful <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"confused\"><span class=\"reaction-count\" data-reaction-count=\"confused\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude15 <\/span><span class=\"reaction-description font-medium\">Confused <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"disappointed\"><span class=\"reaction-count\" data-reaction-count=\"disappointed\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\ud83d\ude1e <\/span><span class=\"reaction-description font-medium\">Disappointed <\/span><\/button><button type=\"button\" aria-pressed=\"false\" class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"inaccurate\"><span class=\"reaction-count\" data-reaction-count=\"inaccurate\">0<\/span><span class=\"reaction text-3xl\" aria-hidden=\"true\">\u274c <\/span><span class=\"reaction-description font-medium\">Inaccurate <\/span><\/button><\/div><div id=\"reaction-message\" class=\"hidden mt-8 rounded-md border border-primary-100 bg-white\/50 backdrop-blur-sm px-4 py-2 text-sm text-center shadow-sm\"><\/div><\/section><div class=\"calcdash-ad not-prose calcdash-ad--calc_result calcdash-ad--in-article\"><ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-1721569815777345\" data-ad-slot=\"6317458308\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\"><\/ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script><\/div>\n<style id=\"wpcoderpro-inline-1\">.formula-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section class=\"formula-box\" aria-labelledby=\"formula-title\">\r\n\t<div id=\"formula-title\" class=\"not-prose font-display mb-4\"><span class=\"icon icon-formula\" aria-hidden=\"true\"><\/span><h2>Aspect Ratio<\/h2><\/div>\r\n\t<figure class=\"not-prose formula\">\r\n\t\t<figcaption class=\"formula-title\">Formula<\/figcaption>\r\n\t\t<div class=\"text-base text-gray-800\" id=\"formula\">\n\\[ R = \\frac{W}{H} \\quad \\text{or, as a simplified pair,} \\quad R = \\frac{W\/g}{H\/g}, \\; g = \\gcd(W, H) \\\\\\ \\text{Proportional resize:} \\quad H' = W' \\cdot \\frac{H}{W} \\quad \\text{or} \\quad W' = H' \\cdot \\frac{W}{H}\n\\]\n<\/div>\r\n\t<\/figure>\r\n\t<\/p>\n<p><strong>Where:<\/strong><\/p>\n<ul>\n<li>\\(W\\) \u2014 original width of the image, screen or video<\/li>\n<li>\\(H\\) \u2014 original height, in the same unit as the width<\/li>\n<li>\\(g\\) \u2014 greatest common divisor of \\(W\\) and \\(H\\), used to reduce the ratio to smallest whole numbers<\/li>\n<li>\\(W'\\), \\(H'\\) \u2014 the new width or height you want to scale to<\/li>\n<\/ul>\n<p>The first part expresses the aspect ratio as the quotient of width by height, reduced to the smallest whole-number pair (for example 1920:1080 reduces to 16:9). The second part gives the missing dimension that keeps the same proportions when one dimension is changed.<\/p>\n<p>\r\n<\/section>\n<style id=\"wpcoderpro-inline-459\">.calculation-box {\r\n\tborder-bottom: none !important;\r\n}<\/style><section id=\"calculation\" class=\"calculation-box\" aria-labelledby=\"calculation-title\">\r\n\t<div id=\"calculation-title\" class=\"not-prose font-display\"><span class=\"icon icon-unordered-list\" aria-hidden=\"true\"><\/span><h2>Aspect Ratio \u2013 Calculation Example<\/h2><\/div>\r\n\r\n<\/p>\n<p><strong>Example:<\/strong> a Full HD video measures 1920 pixels wide and 1080 pixels high. You want to resize it to a width of 1280 pixels without distorting it.<\/p>\n<p>\\[ g = \\gcd(1920, 1080) = 120 \\quad \\Rightarrow \\quad \\frac{1920\/120}{1080\/120} = \\frac{16}{9} \\]<\/p>\n<p>\\[ \\frac{W}{H} = \\frac{1920}{1080} = 1.7778 \\]<\/p>\n<p>\\[ H' = 1280 \\cdot \\frac{1080}{1920} = 720 \\]<\/p>\n<p><strong>Result:<\/strong> the aspect ratio is <strong>16:9<\/strong> (1.7778:1), the common widescreen HD format. Scaling the width to 1280 px gives a matching height of <strong>720 px<\/strong>, i.e. a 1280 \u00d7 720 frame.<\/p>\n<p>\n\r\n<\/section>\n<h2>How to Use the Calculator<\/h2>\n<ol>\n<li>Enter the <strong>Original Width<\/strong> of your image, screen or video. Any unit works \u2014 pixels, centimetres, inches \u2014 as long as both dimensions use the same unit.<\/li>\n<li>Enter the <strong>Original Height<\/strong> in the same unit.<\/li>\n<li>Optionally, enter a <strong>New Width<\/strong> to find the height that keeps the ratio, or a <strong>New Height<\/strong> to find the matching width. Fill in only one of the two, never both.<\/li>\n<li>Read the results: the <strong>Simplified Aspect Ratio<\/strong> in smallest whole numbers, the decimal <strong>Width \u00f7 Height<\/strong> value, the <strong>Common Name<\/strong> if the ratio matches a standard format, and the <strong>Proportionally Resized Dimension<\/strong>.<\/li>\n<\/ol>\n<h2>What Is an Aspect Ratio?<\/h2>\n<p>The aspect ratio describes the shape of a rectangle \u2014 an image, a screen, a video frame, a printed photo \u2014 as the relationship between its width and its height. It is written as two numbers separated by a colon, such as 16:9, and read as \"16 units wide for every 9 units tall.\" The actual size does not matter: a 1920 \u00d7 1080 monitor, a 3840 \u00d7 2160 (4K) TV and a 1280 \u00d7 720 video all share the same 16:9 shape.<\/p>\n<p>Aspect ratios matter because content created for one shape looks wrong on another. Displaying a 4:3 classic-TV picture on a 16:9 widescreen leaves black bars on the sides; the reverse stretches or crops the image. Knowing the ratio lets you resize, crop, print or embed media so that proportions stay correct and nothing appears squashed or stretched.<\/p>\n<p>The decimal form (width \u00f7 height) is useful for comparison: 16:9 \u2248 1.7778, 4:3 \u2248 1.3333 and a square is 1.0. The larger the value, the wider the rectangle. Portrait or vertical formats, such as 9:16 phone video, have values below 1.<\/p>\n<h2>Common Aspect Ratios Reference<\/h2>\n<table>\n<thead>\n<tr>\n<th>Ratio<\/th>\n<th>Decimal<\/th>\n<th>Typical Use<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1:1<\/td>\n<td>1.0000<\/td>\n<td>Square images, profile pictures<\/td>\n<\/tr>\n<tr>\n<td>5:4<\/td>\n<td>1.2500<\/td>\n<td>Older LCD monitors<\/td>\n<\/tr>\n<tr>\n<td>4:3<\/td>\n<td>1.3333<\/td>\n<td>Classic TV, iPads, point-and-shoot photos<\/td>\n<\/tr>\n<tr>\n<td>3:2<\/td>\n<td>1.5000<\/td>\n<td>35 mm photography, DSLR sensors<\/td>\n<\/tr>\n<tr>\n<td>16:10<\/td>\n<td>1.6000<\/td>\n<td>Laptop and tablet displays<\/td>\n<\/tr>\n<tr>\n<td>16:9<\/td>\n<td>1.7778<\/td>\n<td>HD, Full HD, 4K UHD video and TV<\/td>\n<\/tr>\n<tr>\n<td>1.85:1<\/td>\n<td>1.8500<\/td>\n<td>Cinema film<\/td>\n<\/tr>\n<tr>\n<td>21:9<\/td>\n<td>2.3333<\/td>\n<td>Ultrawide monitors<\/td>\n<\/tr>\n<tr>\n<td>2.39:1<\/td>\n<td>2.3900<\/td>\n<td>Anamorphic cinema scope<\/td>\n<\/tr>\n<tr>\n<td>9:16<\/td>\n<td>0.5625<\/td>\n<td>Vertical video, phone portrait<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Assumptions and Tips<\/h2>\n<ul>\n<li><strong>Same units required.<\/strong> The width and height must be expressed in the same unit; the ratio itself is unitless. Pixels are the most common choice for screens and images.<\/li>\n<li><strong>Whole-number reduction works only for whole-number inputs.<\/strong> For decimal dimensions the calculator finds the nearest exact simple fraction; if none exists, it shows the decimal ratio with four decimals instead.<\/li>\n<li><strong>Recognition tolerance is 1%.<\/strong> A ratio is labelled with a common name when it matches a standard format within 1% \u2014 this accounts for slight manufacturing variations in screens and sensors.<\/li>\n<li><strong>Fill in only one new dimension.<\/strong> Entering both a new width and a new height is ambiguous (the pair may not preserve the ratio), so the calculator asks for exactly one and computes the other.<\/li>\n<li><strong>Scaling does not sharpen.<\/strong> Proportional resizing preserves shape, but enlarging a small image also enlarges its blur. For video work, also check what bitrate your connection can carry with a <a href=\"https:\/\/wpcalc.com\/en\/converters\/data-transfer-rate-converter-mbps-to-mb-s\/\">data transfer rate converter<\/a>, or how long a render will take with a <a href=\"https:\/\/wpcalc.com\/en\/converters\/time-units-converter\/\">time unit converter<\/a>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Enter the width and height of an image, screen or video to find its aspect ratio, its common name (like 16:9), and the matching dimension for any proportional resize.<\/p>\n","protected":false},"author":3168,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[31],"class_list":["post-66752","post","type-post","status-publish","format-standard","hentry","category-converters","tag-other-units"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/66752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/users\/3168"}],"replies":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/comments?post=66752"}],"version-history":[{"count":2,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/66752\/revisions"}],"predecessor-version":[{"id":67525,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/66752\/revisions\/67525"}],"wp:attachment":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/media?parent=66752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/categories?post=66752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/tags?post=66752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}