In the summer I will be giving a workshop on Images and Blogs at the Highland Park Public Library in New Jersey. As I develop the workshop over the next few weeks, I will write a post here on Websites for Small Biz on the details. Today you get to learn how to Crop an Image with Pixlr and how to Resize an Image with Pixlr. Pixlr is a free online photo editing tool. All you need is a computer and access to the internet.
Load an Image into Pixlr
Go to http://pixlr.com/. You will see a screen with Pixlr Editor on the left. Pick the Editor.
Then pick Open Image from Computer. I chose an image of spring flowers that I had taken with my digital camera. The original was quite large: 3888px wide by 2592px wide. How did I know the size of the image? One way of determining the size (within Pixlr) is open up Image, then Image Size.
If you want, you can resize the image using Image Size. But I will save that step in this post for after we crop the image.
If you want to determine the size of an image within Windows, right click on the image. At the bottom, you will see Properties. Click on Properties, then on Details – scroll down a bit, and under Image you will see the dimensions of your image.
Crop Image Pixlr Method
Next step – we decide we don’t want the entire image. So select the Crop Tool on the left. Run your mouse over the part of the image you do want to save, and you will see a dotted box appear in that area. When you let go of the mouse, you will get this set of nine boxes on your image, as appears on my columbines photo below:
Do you like what you see in the box? Are you ready to crop? Click outside the nine framed boxes and you will get a dialogue box asking you if you are ready to crop (“Do you want to apply the changes?”. If you are not, simply pick cancel. If you pick no, the nine framed boxes disappear.
Resize Image with Pixlr
So we cropped our image, but it is still too large. How do we know what size to make it for the web? You really have to get used to sizes for your particular blog or website. On this blog, I make my images about 600px – 660px wide. On my other blog, Sketching Out, I make them 520px wide. Usually 1000px is too wide. You may have to experiment at first to get a size you like.
Open Image Size for your photo, and change the dialogue box to the size that you want for width and height. I recommend just changing width and let the photo editor adjust the height proportionally. In Pixlr, you can either use the slider to adjust the width or you can type into the width box.
Here is my cropped and resized image:
Save Image to Hard Drive
Under File, pick Save. You get a dialogue box like this:
You can rename the photo before saving, change the format to something other than jpg (for example, you might use png if you need transparency in part of the image), or change the quality of the image so it is a bigger or smaller image. When you click OK, you can then navigate around your computer for a place to save your newly edited image.
Your Turn, Please
Have you ever used Pixlr before? What was your experience? If you do photo editing already, what programs have you used? Do you recommend any of them? Finally, if you have questions on what was covered in this post, please feel free to ask.