Resizing images the right way

Resizing images the right way

When you need to use an image for a project, it is unlikely that you will be able to use it just like that, without resizing it. New cameras take huge images and most of the time, that is just too large for what we need. What do we need to do? Simple: resize them. But this has had me cringe several times when looking at graphic projects since the resizing can be done wrongly. Here are some pointers.

Enlarging is dangerous

If you have a small image, it has a fixed number of pixels. If you enlarge it, the program can't add details that are not there. This means that the whole image would get blurred.

Here is an example of what a segment of an image would look like, if you enlarge it. First, here is the original size image:

resizing-100-photo

The quality was not the best like many older photos we have. The image is quite small; about 200x200 pixels. That is really too small for a scrapbook page that is typically 3600x3600 pixels. So maybe i'll want to enlarge it to a more usable size of 800x800 pixels. Here is what it would look like:

resizing-400-photo

Notice that the details are grainy and blurred. If I REALLY needed to use this photo in a larger format, I would have to accept this lower quality image.

If you need to enlarge an image a little bit, the distortion might be minimal, but if you double or triple the original size, you will lose a lot of quality.

Sizing down without distortion

If sizing up is risky, sizing down is no problem. Of course, you will lose some details, but that will just be the limitation of the medium you are using (print versus monitor display). If you are taking very large pictures with your photo or your camera, you have the choice of how much smaller you can resize your photo. The main issue with resizing, is how you do so. Some tools will give great results, others will make you cringe.

If you can use the Resize function in any program, it should be done correctly.

In Paintshop Pro (and other programs), there is a tool that will let you manually adjust the size of an element or an image. This is where disaster can happen. In PSP, the most common tool used to resize is the Pick tool. This tool will place handles around your image, and you can move those handles to resize it. However, you have to be careful of which handle you are moving and what Mode you are using.

resizing-modes

You will surely want to use the Scale mode, otherwise you will distort your image. The Scale mode will place 9 handles on your image: 4 on the corners, 4 on the sides and 1 in the center.

resizing-handles

Even though the mode is set to Scale, it does not mean that all the handles will resize the image correctly. If I use one handle from the side (top, bottom, left or right), and move it, it will change the proportion of the image.

resizing-handles-wrong

This is obviously NOT a good way to resize. It will make the subject look squished or stretched, depending on which handle you moved and in which direction. Instead, you need to use the CORNER handles.

resizing-handles-right

This will insure that the resizing is proportional.

Resizing to fit

Here is one very common mistake when manipulating digital images, whether they are photos or graphics. Sometimes, you might want to place an image or an element inside a specific area, but that space is not in the same proportion as the starting graphic. There is the temptation to adjust the height OR the width of the element, while disregarding the proportion. I have seen that often with logos, and it really makes me cringe.

For example, the logo for the Campus is this one (this is a 250x242 pixels image):

resiging-logo-250

Let's say I wanted to place it on a banner for advertisement. But I am asked to provide a banner that is only 200x150. If I change the logo to fit that size, exactly, it will look like this:

resiging-logo-200x150

As you can see, it immediately looks different. If I need to fit a square image into a more rectangular space, I would have to resize based on the smallest side, which would be 150 pixels in our example, and fill in the rest with white (or any other color).

Cropping

The same issue can be seen with a photo, if you are using a template or a frame that is of different proportion as your photo, and you are tempted to match the size. If the photo is vertical like this one:

resizing-photo-portrait

and you want to fit it into a square frame, don't squish it!

resizing-photo-wrong

Instead, you have two options. Either you resize proportionally and get some extra on the sides or you can simply crop it and cut off the excess. Often, cropping is a better solution as there is no distortion and furthermore, it allows even more focus on the subject.

 

resizing-photo-crop

Doesn't that look much better?

Don't destroy the pictures you have by incorrectly resizing them. It will give a weird result that will make the viewers cringe. Your photos are worth the time to adjust their size correctly.

If you want a list of more common digital mistakes, check out this blog post:

10 common mistakes in digital scrapbooking

Leave a reply

Cassel is the owner and main instructor in the Scrapbook Campus.

She has been teaching digital scrapbooking for over 10 years.

Privacy policy

Terms and conditions

Contact me

Copyright 2017 Scrapbook Campus