A Pixlr is Worth a Thousand Words: Basic Image Editing with Pixlr
So you have an image to add to your website but it’s not the right size, shape, rotation, or a thousand other little things that keep it from being picture-perfect. Well, in the age of free image editing software, fixing your pixels has never been simpler.
Of course, you’re free to use the software of your choice, but if you’re overwhelmed with the possibilities (or frustrated with your current editor of choice), this post will teach you the basics of image editing with the free, in-browser image editing platform, Pixlr.
Pixlr has two editing platforms: X – their “Quick and Easy” editor and E – their more advanced editor. This tutorial will cover the basics of Pixlr X and common edits that you may need to make in the course of working on a website.
Uploading an Image
From the home page, you will have three options for uploading an image:
Click the blue Open Image button in the first box. This will let you upload an image for your device.
You may start a project without an image using the Create new button. After picking your dimensions, you can then upload an image to the canvas using Add Element / Imageand then selecting the Add Media button at the top.
You could also upload an image via its URL using Load url. However, the resolution is not always as high as if you were to download and open the image, using the first option.
If your image is large, Pixlr may ask if you want to resize it. Choose whichever option is appropriate for the amount of pixels your picture will need. For example, on Carleton websites, banners should be 1600px wide by 700px high, while thumbnails should be a minimum of 300px by 230px, or a maximum of 800px by 600px.
Cropping and Rotating
One of the most common edits you’ll likely have to make to an image is to change its size and/or dimensions. You can do this easily using Pixlr.