Pixlr.com Tutorial

Pixlr.com Tutorial

Posted in Blog, Design, Photography

If you are looking for a simple to use, inexpensive image editing solution, I recommend you consider Pixlr.com. Pixlr will provide you with all of the tools you will need for editing your photos at a cost that can’t be beat, FREE…

Here is a quick tutorial that will demonstrate how to use their online editor to crop and re-size an image to a particular size and dimensions suitable to be a banner on this site. If you would like to follow along with me please click on the image to the right and download it to your computer, I’m putting mine in a folder called Tutorial on my A drive but you can put it anywhere you like.

banner-wordpress-ag-logo

Sample Image: Click for full sized image and then right click to download

Next, navigate to pixlr.com web site here and follow my simple step by step instructions below. Please note: you are under no obligation to use my particular image or dimensions etc. these are provided simple to illustrate the procedure required what you crop and how you size it is ultimately up to you. With one important caveat, DO NOT RE-SIZE IMAGES UP.  You can always scale an image down but scaling an image larger than it actually is will only make it look worse.

 

 

 

 

Step One: Go to Pixlr.com and select the Advanced Tab

pixlr

Step Two: Select Open Image from Computer

open-your-image

Step Three: Browse to your images directory and select it

select-your-image-file

Step Four: Select the Crop Tool in the upper right of the Tools Menu

select-crop

Step Five: Select the Aspect Ratio Constraint for the Crop Tool

select-aspect-ratio

Select the Aspect Ratio you want: (In this case 960 x 447 pixels)

select-aspect-ratio-2

Step Six: Select crop tool in the upper left and use it to circumscribe the area you want to crop on the image.

select-crop-image

Step Seven: Click on Image in the tool menu and apply the crop

apply

Your Image should like something like this now if your following along:

cropped-image

Step Eight: Select Image Size from the Drop Down Menu

image-size

Select the size ratio you want (In this case 960 x 447) and REMEMBER DO NOT SCALE THE IMAGE UP IN SIZE, you will not be happy with the results.

image-size2

Congratulations your image is now cropped and resized!

done

Step Nine: Save it and call it a day.

save

Your final image should look something like this:

banner-wordpress-ag-logo-sky