I want to use images on my site!
How do I make them the right size?
What is image editing software?
MS Paint, Photoshop, GIMP, Fireworks... there are any number of programs you can use to edit your images. If you're not sure what programs you have on your computer or what is available to you, work through your department head to consult with IT as to what is available and what training you have access to.
How do I edit my images?
The process varies from program to program. The local bookstore will have instruction manuals for many common photo editing programs, and Academic Technologies offers training in many different programs through Lynda.com.
What size images can I use?
Depending on the layout of your page, there are different image sizes you should be using. All images should be saved at 72 dpi, which is the Internet standard for image rendering. Here's a chart of some common layouts and image sizes for each.
|Banner Image (static)
||exactly 559 pixels wide
between 150 and 200 pixels tall
|Current Students Banner
|Banner Image (Flash banner)||exactly 559 pixels wide
exactly 175 pixels tall
|Full page image on a page without right hand column
||500 pixels wide at maximum
|Classics Home Page
|Full page image on a page WITH right hand column
||350 pixels wide
|Classics Students Page
|image under the right or left hand navigation
||150 pixels wide at maximum
|image with wrap-around text (such as a faculty bio, etc.)
||100 - 150 pixels wide
|Government Faculty Pages
Also keep in mind that many users are visiting your web site on their smartphones, iPads and netbooks, which have very small screens, and load large images very slowly. Smaller is sometimes much better!
Banner images must be exactly 559 pixels wide to span the entire space. You cannot center a banner image -- if it is too small, it will justify to the left, leaving you with a gap on the right side.
CREATIVE THOUGHT MATTERS
Skidmore College · 815 North Broadway · Saratoga Springs, NY 12866
© 2006 Skidmore College