{"id":1056,"date":"2010-09-15T11:48:12","date_gmt":"2010-09-15T16:48:12","guid":{"rendered":"http:\/\/www.trustyetc.com\/trustyblog\/?p=1056"},"modified":"2010-09-15T11:48:12","modified_gmt":"2010-09-15T16:48:12","slug":"aspect-ratio","status":"publish","type":"post","link":"https:\/\/www.trustyetc.com\/trustyblog\/2010\/09\/15\/aspect-ratio\/","title":{"rendered":"Aspect Ratio"},"content":{"rendered":"<p>We often deal with digital pictures when creating documents and online content.\u00a0 Depending on the size and shape of your original picture, there is a good chance it will need to be resized to work in the space available.<\/p>\n<p>It is important that all pictures maintain an aspect ratio of 1:1.\u00a0 The aspect ratio is the relationship between the pictures width and height.\u00a0 If a picture is resized to half its original width, its height must also be half of the original.\u00a0 Maintaining the aspect ratio only becomes important when a picture is resized.  The photo below is 500 pixels wide and 333 pixels tall.  500\/333 is 1.5.\u00a0  So if this picture is resized, the resulting width divided by height should be 1.5 in order to maintain the original&#8217;s 1 to 1 aspect ratio.<\/p>\n<p>A 1:1 aspect ratio does not necessarily mean the width divided by height equals one.\u00a0 This would only be the case if the original photo is square.\u00a0 Most cameras do not take square pictures.\u00a0 As a result, most width to height ratios are not equal to one.<\/p>\n<p>Here is a photo with a 1:1 aspect ratio (500 x 333).  Width\/height = 1.5.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"Findlay Arch\" src=\"http:\/\/farm5.static.flickr.com\/4081\/4943556425_c1c0fb29ba.jpg\" alt=\"\" width=\"500\" height=\"333\" \/><\/p>\n<p>Here are two pictures which do not have 1:1 aspect ratios.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"Squashed\" src=\"http:\/\/farm5.static.flickr.com\/4081\/4943556425_c1c0fb29ba.jpg\" alt=\"\" width=\"500\" height=\"150\" \/><\/p>\n<p>The above picture is 500&#215;150.  Width\/height = 3.33.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"Squished\" src=\"http:\/\/farm5.static.flickr.com\/4081\/4943556425_c1c0fb29ba.jpg\" alt=\"\" width=\"333\" height=\"333\" \/><\/p>\n<p>The picture above is 333&#215;333.  That makes width\/height = 1, but the that ratio needs to be 1.5 to keep a 1:1 aspect ratio for the picture.<\/p>\n<p>It is possible to resize a picture keeping the aspect ratio of 1 to 1.  Here is a correctly resized picture.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"Resized\" src=\"http:\/\/farm5.static.flickr.com\/4081\/4943556425_c1c0fb29ba.jpg\" alt=\"\" width=\"250\" height=\"167\" \/><\/p>\n<p>The above picture is 250&#215;167.  This is the correct aspect ratio (250\/167=1.5).<\/p>\n<p>Often, a picture will maintain its 1:1 aspect ration when resized by dragging a corner (not an edge).  The above picture was resized in this way.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We often deal with digital pictures when creating documents and online content.\u00a0 Depending on the size and shape of your original picture, there is a good chance it will need to be resized to work in the space available. It &hellip; <a href=\"https:\/\/www.trustyetc.com\/trustyblog\/2010\/09\/15\/aspect-ratio\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[174,175,343,171],"class_list":["post-1056","post","type-post","status-publish","format-standard","hentry","category-edtech","tag-graphics","tag-images","tag-photography","tag-photos"],"_links":{"self":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/comments?post=1056"}],"version-history":[{"count":2,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1056\/revisions"}],"predecessor-version":[{"id":1059,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/posts\/1056\/revisions\/1059"}],"wp:attachment":[{"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/media?parent=1056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/categories?post=1056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.trustyetc.com\/trustyblog\/wp-json\/wp\/v2\/tags?post=1056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}