  {"id":14990,"date":"2020-05-19T09:12:42","date_gmt":"2020-05-19T13:12:42","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=14990"},"modified":"2024-06-08T22:01:11","modified_gmt":"2024-06-09T02:01:11","slug":"tips-tricks-resizing-images-on-a-mac","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2020\/tips-tricks-resizing-images-on-a-mac\/","title":{"rendered":"Tips &#038; Tricks: Resizing Images on a Mac"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Tips &#038; Tricks: Resizing Images on a Mac\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<p>As we start another week, we wanted to share another super helpful tip on image resizing.<\/p>\n\n\n\n<p>We know we already shared our tip for resizing images on a PC -BUT- this week its all about resizing images on a Mac!<\/p>\n\n\n\n<p>Not all of us have fancy image editing software on our Mac computers, and thats OK!<\/p>\n\n\n\n<p>Every Mac comes with a simple photo editor and viewer application called &#8216;Preview&#8217;. It comes with basic functions such as image rotation, image flipping, exporting, and image resizing.<\/p>\n\n\n\n<p>This app will make it so much easier when you have to resize images to fit the dimension requirements for banners and thumbnails!<\/p>\n\n\n\n<p><strong>Here are the steps:<\/strong><\/p>\n\n\n\n<p>1. First go to the photo that you want to resize and<strong> right click<\/strong>.<\/p>\n\n\n\n<p>2. In the drop down menu, select<strong> Open With<\/strong>, then select <strong>Preview<\/strong> out of the list of applications.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1642\" height=\"1066\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1.png\" alt=\"\" class=\"wp-image-14996\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1.png 1642w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1-512x332.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1-1024x665.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1-320x208.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1-768x499.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1-1536x997.png 1536w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1-360x234.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/pic-1-200x130.png 200w\" sizes=\"auto, (max-width: 1642px) 100vw, 1642px\" \/><\/figure>\n\n\n\n<p>3. Now the image will be displayed in the Preview app as seen in the screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1130\" height=\"1486\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.37-AM.png\" alt=\"\" class=\"wp-image-14992\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.37-AM.png 1130w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.37-AM-512x673.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.37-AM-1024x1347.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.37-AM-320x421.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.37-AM-768x1010.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.37-AM-360x473.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.37-AM-200x263.png 200w\" sizes=\"auto, (max-width: 1130px) 100vw, 1130px\" \/><\/figure>\n\n\n\n<p>4. Go to the<strong> top Editor menu<\/strong> on your Mac and hover over<strong> Tools<\/strong>. Then select<strong> Adjust Size<\/strong> from the list.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1122\" height=\"784\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.57-AM.png\" alt=\"\" class=\"wp-image-14993\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.57-AM.png 1122w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.57-AM-512x358.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.57-AM-1024x716.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.57-AM-320x224.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.57-AM-768x537.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.57-AM-360x252.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.21.57-AM-200x140.png 200w\" sizes=\"auto, (max-width: 1122px) 100vw, 1122px\" \/><\/figure>\n\n\n\n<p>5. Before changing the dimensions of the image, decide if you want the image <strong>scaled proportionally<\/strong>. Using this feature means the image will retain its original appearance (i.e. not be squished or elongated) even when the image is resized bigger or smaller. <strong>It is recommended that you keep this feature selected.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1248\" height=\"1036\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/scale-.png\" alt=\"\" class=\"wp-image-14997\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/scale-.png 1248w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/scale--512x425.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/scale--1024x850.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/scale--320x266.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/scale--768x638.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/scale--360x299.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/scale--200x166.png 200w\" sizes=\"auto, (max-width: 1248px) 100vw, 1248px\" \/><\/figure>\n\n\n\n<p>6.&nbsp; Under <strong>Fit into<\/strong>, you have the option of making <strong>custom dimensions<\/strong> as seen below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1248\" height=\"1036\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.19-AM.png\" alt=\"\" class=\"wp-image-14994\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.19-AM.png 1248w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.19-AM-512x425.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.19-AM-1024x850.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.19-AM-320x266.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.19-AM-768x638.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.19-AM-360x299.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.19-AM-200x166.png 200w\" sizes=\"auto, (max-width: 1248px) 100vw, 1248px\" \/><\/figure>\n\n\n\n<p>7. Under <strong>Fit into<\/strong>, you also can also select from a list of <strong>preset dimensions<\/strong> as seen below.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"754\" height=\"420\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.35-AM.png\" alt=\"\" class=\"wp-image-14995\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.35-AM.png 754w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.35-AM-512x285.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.35-AM-320x178.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.35-AM-360x201.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-23-at-10.22.35-AM-200x111.png 200w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><\/figure>\n\n\n\n<p>8. Once you select dimensions, select <strong>OK.<\/strong><\/p>\n\n\n\n<p>And there you have it! I told you it was simple!<\/p>\n\n\n\n<p>If you missed our previous post about resizing images on a PC, <a href=\"https:\/\/carleton.ca\/webservices\/2020\/tips-tricks-resizing-images-on-a-pc\/\">click here<\/a> to read all about it!<\/p>\n\n\n\n<p>Have a question or need help? <a href=\"mailto:charlottebradley@cunet.ca\">Reach out!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As we start another week, we wanted to share another super helpful tip on image resizing. We know we already shared our tip for resizing images on a PC -BUT- this week its all about resizing images on a Mac! Not all of us have fancy image editing software on our Mac computers, and thats [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[276],"tags":[],"class_list":["post-14990","post","type-post","status-publish","format-standard","hentry","category-tips-and-tricks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=14990"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14990\/revisions"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=14990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=14990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=14990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}