{"id":9323,"date":"2016-07-11T02:37:25","date_gmt":"2016-07-11T02:37:25","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=9323"},"modified":"2016-07-11T02:40:04","modified_gmt":"2016-07-11T02:40:04","slug":"make-photo-square","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/make-photo-square\/affordablewebsitestips\/tutorials","title":{"rendered":"Make photo square"},"content":{"rendered":"<p><!--wp_fromhtmlpreview_devfmt--><\/p>\n<p><!--wp_fromhtmlpreview_devfmt--><\/p>\n<p>Most website product listings and galleries look best when same sized photos are used. My problem today is that some of the photos are square and some are rectangular. In this tutorial I will show you how to use Photoshop to make rectangular images square. I'm using Photo CC, version 14.2.1 X64<\/p>\n<ol>\n<li>Open your rectangular image in Photoshop.<\/li>\n<li>Click 'Image' &gt; 'Canvas Size'.<\/li>\n<li>In the 'New Size' section, change the units\u00a0to pixels and adjust the width and height so that they're the same length. For example, if the rectangle's width is 500 and the height is 800, set the width to 800.<\/li>\n<li>Now your image should be square with white sections where the image was enlarged.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2016\/07\/image_blank_spots.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9324 alignnone\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2016\/07\/image_blank_spots-295x300.jpg\" alt=\"image_blank_spots\" width=\"295\" height=\"300\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2016\/07\/image_blank_spots-295x300.jpg 295w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2016\/07\/image_blank_spots.jpg 577w\" sizes=\"auto, (max-width: 295px) 100vw, 295px\" \/><\/a><\/li>\n<li>Let's get rid of the white sections. Click the 'Magic Wand' or press the 'W' key. Make sure the 'Anti-alias' option is checked and the 'Tolerance:' setting is set to 0\u00a0at the top of the Photoshop Program Window. You should notice that the white sections of the image are selected.<\/li>\n<li>Click 'Edit' &gt; 'Fill' or press Shift+F5. In the 'Fill' window set the 'Use' drop down option to 'Content-Aware' and click 'OK'.<\/li>\n<li>Photoshop should have now intelligently filled in the white parts with natural looking image.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2016\/07\/fill_content_aware.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9325 alignnone\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2016\/07\/fill_content_aware-297x300.jpg\" alt=\"fill_content_aware\" width=\"297\" height=\"300\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2016\/07\/fill_content_aware-297x300.jpg 297w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2016\/07\/fill_content_aware.jpg 548w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/a><\/li>\n<\/ol>\n<p><!--wp_fromhtmlpreview_devfmt--><!--wp_fromhtmlpreview_devfmt--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Most website product listings and galleries look best when same sized photos are used. My problem today is that some of the photos are square and some are rectangular. In this tutorial I will show you how to use Photoshop to make rectangular images square. I&#8217;m using Photo CC, version 14.2.1 X64 Open your rectangular [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,492],"tags":[392],"class_list":["post-9323","post","type-post","status-publish","format-standard","hentry","category-tutorials","category-websites-2","tag-photoshop"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/9323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=9323"}],"version-history":[{"count":2,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/9323\/revisions"}],"predecessor-version":[{"id":9327,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/9323\/revisions\/9327"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=9323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=9323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=9323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}