|Preparing photographs for School's website
You will need Photoshop CS, Photoshop Elements or another imaging software program to prepare digital photographs for the website. Photoshop Elements is available through campus for $56.20. Microsoft Office Picture Manager does not have all of the features you will need to properly prepare your photographs. The instructions below are written for Photoshop Elements, but most other imaging programs have the same capabilities.
The most important part of preparing photographs involves resizing to make the photo smaller for quicker transfer, better viewing and reduced storage. There are four steps to resizing
- Reduce the pixels per inch. Web photos should be no larger than 72 pixels per inch. Click on Image, then Resize, then Image Size to change the resolution to 72 pixels per inch.
- Crop. Crop pictures if necessary to eliminate extra space around your subjects or improve the composition. First click on the dotted-line square in the toolbar to select the Rectangular Marquee Tool. Click and drag the crossbars across the picture to select the area of the photograph that you want to keep. Click on Image, then Crop, and everything outside the dotted line will be deleted. You can also use the Crop Tool.
Brighten (optional). Scanned photographs usually dull a bit compared to
the original copy, and digital photos sometimes look dark, too. Click
on Enhance, then Adjust Lighting, then Brightness/Contrast. Slide the
brightness bar to the right to brighten the photo. Usually increasing
the brightness to +10 will be enough. Be careful when skin tones are
involved so that you maintain a warm, natural look to the photograph.
- Re-Size. Photographs must be resized before uploading them to Joomla.
- In the Image Size window (Image, Resize, Image Size), be sure Constrain
Proportions is checked. Then modify either the height OR width in
pixels, and the software will automatically adjust the other for you.
- Generally Web photographs should be approximately 200-300 pixels in
width and/or height or smaller, depending on your space available and
subject matter. The largest a photo can be to fit across the page is
678 pixels wide, but this should be reserved for landing pages.
- Portraits for faculty/staff profiles and "Contact us" pages should
consistently be 95 pixels wide by 115 pixels tall. Sometimes this takes
a little effort juggling between cropping and resizing to get the
numbers just right.
- Save for Web. Choose Save for Web. The defaults should say JPEG High and Quality should be 60. After clicking OK, you will be asked to name
your modified photograph. Choose a name with no spaces and no capital
letters. File names for portraits should be last name, underscore, first
name, underscore, year - for example, doe_john_2007.jpg.
Once your photographs are prepared, upload them to Media Manager in Joomla. Upload faculty and staff portraits to the gallery/portraits_internal
folder. Upload student portraits to the gallery/portraits_students
folder. Upload other portraits to the unique images folder for your department or unit, e.g., stories/academic_programs/hpm/images
Last updated January 23, 2013