Does a squished image make you cringe? Ever see a comma out of place? A musical note that doesn’t sound musical? Have you ever viewed a photo like the one on the right, where the image is there but the portrait looks all squished? Learn what is going on here and how it can be set to look right.
I was helping a friend with a newsletter, and I noticed the image looked like it had been squashed into the spot. There were other images on the page, and those looked all right. It turned out the newsletter had a template that preset all the image sizes. It needed an image that fit exactly into the space. It took whatever size the original photo had and re-sized the photo to fit into the spot. So my friend needed a photo that already had that size.
If you right-click on the photo on the this post, you can then select View Image (in Firefox; in Chrome, you can pick Open Image in New Tab), and you will see the image looks fine. It is really much longer than the space allots. The original image is 319px tall, but it got re-sized to 170px tall. Let’s learn how to re-size the squished image using the free online photo editor called Pixlr.
- Go to the Pixlr Editor: http://pixlr.com/editor/
- Upload the image to be re-sized. I chose “open image from computer.”
- Select the crop tool in the upper left:
- Where it says Constraint: No Restriction, change No Restriction to Output Size. Change Output Size to the size in pixels that your newsletter requires. In our case, we will choose 200 by 170.
- Drag the crop tool across the photo to get a new composition. You will see a thin box divided into nine smaller boxes:
- Click on the crop tool, and it will ask you if you want to apply changes. If you are satisfied with your new shape, say yes.
- Select File-Save and you will get a dialogue box where you can save the image to your computer. You can use the newly cropped image in your newsletter or wherever else you need it.
Here is the squished image:
Here is the new image:
If you are fortunate enough to have access to Photoshop, you do this in a similar fashion, using the Crop Tool. In Photoshop, there are buttons on top of the screen on the right when you are ready to crop (you don’t click the crop tool again to crop).
Your Turn, Please
Have you ever used Pixlr or another online photo editor? Do you have a favorite? Have you ever struggled with an image that looks out of proportion? How did you solve the problem?