Always Resize (scale) then crop or look unprofessional

Have you ever seen this type of image?

Hunters - Copy
Out of shape/proportion and unprofessional looking photo

This is an on-going problem we have at work. We have journalists who resize their photos out of scale and out of proportion. When I get back to them to have them fix their picture, they complain about not having Adobe Photoshop. They do not realize how important it is to resize and scale according to the given requirements.

The requrements for our publication at Loop are:

  • must be a .jpg or a .png image file
  • must be 805 px X 450 px (width X height)
  • must always be below 1oo kb for the image to load faster

In this basic tutorial I am going to use windows installed default image editor “Paint” to show how you can resized and crop your picture without getting the image all skewed up and look ugly like an unprofessional.

Step 1 – Open picture in Paint editor

Right click on your picture and on the pop-up menu, select “Edit”. Depending on the size of your image and the computer memory available for processing your request, the Microsoft default photo editor program “Paint” will open with your image loaded inside like this.

Screenshot 2016-06-27 09.41.13
Open the picture in Paint

Step 2 – Resize your picture

This is where it gets technical and super hard that your head will crack into two half exponentially until there’s nothing left! LOL 😀

Jokes aside, this is what you need to do:

Press and hold 'ctrl' and then press 'w' on the keyboard

This should open up a popup window. On that window, select Pixels and also make sure the “Maintain aspect ratio’ option is ticked. After you confirm those, enter the Horizontal width you are trying to resize to in pixels. In my case: 805 pixels. If you have the “Maintain aspect ratio” option ticked, this should automatically have the Vertical value changed.

DO NOT CHANGE THE WIDTH YET

Below is an example with my image:

Screenshot 2016-06-27 09.46.47
Resize your picture by pressing “ctrl” + “w” on your keyboard

Step 3 – Crop your picture

This is the easiest bit of this tutorial. All you have to do is scroll to the bottom of the image and find a small white square about 2 pixels high and wide (crop square). What you do now is place your mouse cursor over the square and the cursor will turn into a double headed arrow (up/down). When this cursor comes on, click and drag up until you see the width of dimensions (circled in the image below) meet your required width. In my case 450 pixels. So my dimensions should now be 805 x 450 pixels after I’ve successfully cropped my image as show below.

Screenshot 2016-06-27 09.55.45
final resized image – 805 x 450 pixels – ready to be used for publication
Screenshot 2016-06-27 09.56.23
image showing where to locate the dimension/size and the crop square as outlined in the instructions in step 3

That’s it for the resize and scale tutorial. If you have any questions and/or queries please do not hesitate to contact me using the contact form provided or via my facebook page.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s