In Web Design

There is nothing more frustrating than having a photograph that you just cannot quite get to fit on your website page.

Whether it’s too big, small, wide, or thin, you can’t seem to get it to the size it needs to be. And the last thing you want to do in your busy day is struggle with a complicated and expensive photo editing program.

We’re right there with you. That’s why we at EnvisionUP recommend Pixlr Online Photo Editor. It is free, user-friendly, and helps get those photos to the dimensions you need.

Follow this step-by-step guide to resize and crop your images for maximum appeal and efficiency.

Resizing

1. Upload your image to Pixlr Online Image Editor

When you access http://pixlr.com/editor/, Pixlr will prompt you to upload your image. Follow the instructions until your picture has successfully been uploaded.

Note: When selecting an image, ensure it is larger than the size you need it at. Do not resize a small image to a larger size – it will become pixelated.

2. Select image size in the dropdown menu

At the top of the screen, you will see navigation tools. Use your mouse to click on  ‘Images’. In the drop down menu, select ‘Image size’.

Select image size in the dropdown menu

3. Select the dimensions you need

Now you have to select the width or the height that you want your photo to be. You can do this by typing in the width or height, or using the scroll bar that will appear when you click on each dimension.

Select the dimensions you need

Pixlr keeps your photograph proportionate at any size. For example, if you enter a specific width, Pixlr will automatically adjust the height in order to keep the photograph from becoming stretched or squashed.

4. Save your resized image

At this point you should have an image approximately the size you need! It really is that simple! If you are having problems with pixelation, try adjusting you dimensions, or finding a different photo that is closer to the dimensions you need.

Save your resized image

Your final product will be a picture that is still clear, but suits the dimensions of your website.

Your final product will be a picture that is still clear

Cropping

1. Select the crop tool from the toolbar

In Pixlr’s toolbar, select the crop tool.

Select the crop tool from the toolbar

2. Crop your photo

Crop your photo

Once you’ve decided what parts of your photograph you want to keep, hold down your mouse, and then drag to outline the desired area. Hit ‘enter’ to crop the photo.

3. Resize if needed!

Now you have your desired image – if it needs a little resizing, you know what to do!

Resize if needed!

Just a reminder: Make sure any photographs you resize/crop are yours to use!

Start typing and press Enter to search