Have you ever seen this type of image?
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.
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:
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.