Web Style Guide - Graphic Content

Website Design/Development Guide


Central Style Guide

Photos & Graphic Content on the Web

All images should be resized and optimized for use online. The following is a list of standards that apply to every image used on the website:

  • All images are set to 72 ppi resolution.

  • All images have been resized to match their use on the website. Web pages must not depend on the browser to 'artificially' resize an image. Exceptions can be made for images that are intended to be zoomed in on or downloaded to a users machine.

  • Images should be optimized and exported for use on the web in image editing software (such as Adobe Photoshop).

  • Image should not be strehed or squished in order to fit onto a website. If the image doesn't fit, it either needs to be cropped or replaced.

  • Image collages or composite images are not recommended, as they typically appear cluttered.

Web File Format

Different file types are better at optimizing different types of images. Images should be converted into their proper file type to ensure usability online.

  • The JPEG file type is ideal for photos or graphics that use gradation or many complex colors.

  • The PNG file type is ideal for graphics that have a transparent component to them and/or are made up of limited colors.

  • The GIF file type is ideal for graphics with limited colors.

Image Usage

No copyrighted images can be used on the website without the explicit permission from the images owner. Clip art or stock photos should be avoided if possible.