• WSU Web Services
• Site Manager CMS Guide
• Site Manager FAQ
• Site Manager CMS User Guide (pdf)
• CSS Style Guide
• Template for External Web Applications
• Site Manager Training
• Editing and Resizing Photos
• Uploading Files (pdf)
• Creating a Hyperlink
• Adding a New Page
• Using Email Forms in Site Manager
• Publishing Pages
• Writing for the Web
• Accessibility and Social Media
• Web Accessibility for the Disabled
• Social Media Guidelines
• Social Media Policies
• Social Media Directory
• Web Editors & Tools
• WSU Web Management Portfolio

Editing and Resizing Photos in Pixlr.com

Opening Your Photo

• Go to pixlr.com and click on the Open photo editor link.
• Click Open image from computer and find the photo you want to edit.

Editing Your Photo

If your image needs a little editing (adjusting brightness, contrast, color, ect), you may use the editing tools in this program. This software has a vast number of editing capabilities which are beyond the scope of this tutorial. I will show you a few basic tools, but you can play around with others if you'd like.

Adjusting a Color Cast

1. Click on Adjustment > Color Balance (menu bar)
2. Use the slider bars to adjust the colors of your photo.
   (For example, if your photo was taken in the shade and it seems a little blue, you can either adjust the blue slider down OR adjust the green and red sliders up.)

Adjusting the Brightness Levels

1. Click on Adjustment > Levels (menu bar)
   (Note: there are several tools you can use to adjust the brightness of your photo. Levels is the preferred tool here because of the control it provides)
2. You will see a level graph (similar to audio levels). You will adjust the bars directly below the graph. The first one adjusts the colors in the dark range, the middle one adjusts the colors in the middle range and the right one adjusts the colors in the brightest range.
   
   
   

Cropping Your Photo

1. Click the crop tool in the Tools pallette.
2. Click and drag the crop tool to define the area you would like to crop. You may adjust the crop area until you are satisfied and then press enter.
   
   
   
   
   
   
3. If you would like the cropped photo to be a specific height and width, do the following:
   
   1. With the crop tool selected, click the Constraint: drop-down list and choose Aspect ratio. Then enter the exact width and height (in pixels) for the photo size you want.
      
      
      
      
      
      
   2. Next, click and drag your crop area (step 2) and press enter.
   3. Lastly, you will need to resize your image (see Resizing Your Photo) so it reflects the exact dimensions you want.

Resizing Your Photo

1. With your photo open, click image > image size.
   
   
   
   
   
   
2. Enter the dimensions (in pixels) for the new size of your photo and click OK.
   
   
   

Saving Your Photo

When you are finished with your photo, you can save it to your computer.

1. Click File > Save... (menu bar)
2. Enter the Name: for your image file
3. Leave the Format: as JPEG and the Quality: as 80 (This is the best compression for web images. If you want to save the photo for print, change the quality to 100).
4. Save the file to your computer.