The image below shows the ‘edit’ icon, the ‘rectangular selection’ icon, and the ‘crop’ icon all highlighted with red.Ħ. Once I have selected the size and placement I want, I click the crop icon, and ta-dah! it’s done. Preview keeps me updated on the current file dimensions in the small black box as I drag.ĥ. I’ll use the rectangular selection tool to select everything, then just drag the top and bottom bars up and down to reach the exact height I want – here 150 px. But I still need to crop to adjust the height.Ĥ. If the aspect ratio of your initial image is different than your target (for instance if you are starting with 100 x 200 when you need to end up at 50 x 50) you’ll have to go with either the desired height or width and then use the crop function to reach a target size without distorting proportions. Preview will scale proportionally, so choose the height and width accordingly. Select the image dimensions using pixels as measurement. From the menu select Tools > Adjust Sizeģ.

Double-clicking the image will do this by default.Ģ. For our example, we’ll assume I am going to write an article about the Patagonia website, so I’ve taken a screenshot from their home page.ġ. I’ll start with a screenshot in it’s default png format. In this example, I’ll take a large image and make it 250px by 150px and adjust the color and file size and file type. For you Windows and Linux users out there, I’ll do a future tutorial on how to do this using GIMP (Free and available on both platforms.) Adobe Photoshop also isn’t cheap at $20 + per month, it’s overkill for many common blogging tasks.įor this reason, here is a quick, short how-to about using Preview (free and pre-installed on Macs) to crop and re-size images. But there are a lot of people running blogs or contributing to blogs these days that are not familiar with Photoshop, and don’t want to spend the time it takes to learn this powerful but difficult program. For the majority of web designers and developers, the go-to image tool is Adobe Photoshop.

Crop picture in preview mac os