Communications and Marketing


Banner Images

Each webpage can have a single, distinct image that is displayed as the main banner image across the top of the page. These images scale appropriately depending on device size, so small-screened phones only load a smaller, lower-resolution photo, whereas large monitors can load a full-size, high-resolution image.

The only requirement is that these images must be placed in a folder with the path "img/hi-res". For example:

  • /admissions/img/hi-res/bigphoto1.jpg
  • /ccpa/graduate/img/hi-res/programs/bigphoto3.jpg


example of banner image property

Random Banner

Instead of having a single, distinct image on your webpage, you may select a random image from a folder. To do this, call the file “random.jpg” and place it within the “img/hi-res” folder. This will deliver a random image from the same directory the “random.jpg” is called from. For example:

  • /admissions/img/hi-res/random.jpg - displays a random photo from the “/admissions/img/hi-res” folder
  • /grad-school/img/hi-res/programs/random.jpg - displays a random photo from the “/grad-school/img/hi-res/programs” folder

This is an excellent way to replace the old slideshows that were often found on landing pages. This webpage uses this technique; simply refresh the page and the banner image will change.


These have been replaced by the random-image function described above. Marketing of events or services on landing pages can be accomplished with hero images, please contact us for more details.

Inline Images

When uploading images, create the image to be no larger than 800 pixels wide, and no larger than 100 KB in size. More than half of the web traffic over the last 6 months was on mobile devices or tablets, where users often pay for data usage. There are a variety of online image compressors you can use to help reduce the file size of your image. 

Also, remember that ten 100 KB images use the same data as one 1 MB image. If you are inlining a series of images, consider whether there may be a more appropriate way to accomplish your goal.

inline image

On smaller devices, these images will shrink to fit the width of the screen.

Photo Galleries

Many of the galleries posted throughout the years have quickly become out-dated and the images have been poorly managed. In recent years, a host of online image providers have allowed users to create, upload and maintain photos, most notably Facebook, Instagram and Flickr. Another distinct advantage is that these galleries are designed to be shared, increasing exposure and shareability.

Given the ease of access and level of service these providers offer, the University's Web Team no longer supports uploading of image galleries to the website. 

Last Updated: 3/1/17