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
It's important to note that an image that is too tall will push your content down the page, particularly if you have an overlarge banner. Some widescreen monitors have a very narrow vertical viewing space, so it's a good rule of thumb to keep your images as small as possible. In addition, some browsers will render overly large images poorly, so while 500 pixels might be the maximum for a full page image without a right hand column, it may provide a better user experience to use a smaller image and center it.
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.