I want to use images on my site!
How do I make them the right size?

The CMS has limits on the size of an image file that can be uploaded.  This is to make the loading of images much faster and easier for our webpage users, and also to conserve space on our server.  You will need to edit your full-sized image using your choice of image editing software, PRIOR to attempting to upload it to the CMS.

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.

Free software is available on the Internet, but not supported by IT.  You can use the Pixlr.com site, sign up for a free account with Adobe Photoshop Express, or download GIMP, to name just a few.

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.

Layout/Location Image Dimensions
Example
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
height variable
Classics Home Page
Full page image on a page WITH right hand column
350 pixels wide
height variable
Classics Students Page
image under the right or left hand navigation
150 pixels wide at maximum
height variable
Purchasing
image with wrap-around text (such as a faculty bio, etc.)
100 - 150 pixels wide
height variable
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.


CREATIVE THOUGHT MATTERS
Skidmore College · 815 North Broadway · Saratoga Springs, NY 12866
© 2006 Skidmore College
http://www.skidmore.edu