Return to the Fayetteville State University Home Page

Information Technology and Telecommunications Services

FSU HomeITTSWeb StyleImages and Logos

Images and Logos

When selecting an image to use on your site, make sure that you are not violating copyright laws. If you intend on taking photographs on campus, get permission when photographing people or using their images. After you have permission, use caution. Images taken out of context can convey unintended meaning.

All Web-based usage of University logos and images must comply with the Graphic Guide set forth by the Office of Marketing and Special Events.

We have created an Image Bank containing a collection of campus-related photographs that may be used on FSU Web pages providing that copyright information is posted appropriately. The image bank is available in the Content Management System.

Graphic Formats

Almost all browsers can display GIF, PNG and JPEG files, so these formats are the basic image formats used for the Web. One of the biggest mistakes people make is to scan an image or download it from a digital camera and post it on a Web page. It is extremely important to optimize a picture using a graphics program before posting it on a Web page.

Graphic files (especially photographs) tend to be large in size and visitors with slow Internet connections will not wait around for these graphics to load in the browser. It is imperative to optimize these files to speed up the loading times of the Web page. If in doubt, test loading times off campus to get a true depiction on how long it takes to load the Web page with graphics.

GIF (Graphic Interchange Format)

In creating Web pages the main thing to know about a GIF file is that it works best with simple line art, logos and icons. It is not so good for photographs.

That's because GIF's can handle just 256 colors.

When you display a photograph as a GIF, therefore, it will sometimes look blotchy. For photos it's generally better to use JPEG's. (But JPEG's are NOT the best way to display simple art, so don't get the idea that you can just forget about GIF's.)

PNG (Portable Network Graphics)

It's a lossless bitmap image format that is popular on the internet and elsewhere. PNG was largely developed to deal with some of the shortcomings of the GIF format and allows storage of images with greater color depth and other important information.

JPEG (Joint Photographic Experts Group format)

JPEG is ideal for photographic images--but be sure to apply an appropriate compression factor. While JPEG's set no limit on the number of colors and generally result in smaller files of a photo image than do GIF's (definition), Gives remain the best choice for line art and simple images with large blocks of a few colors. The type of compression used in JPEG's just doesn't lend itself to large blocks of the same color.

You can use HTML code to display an image at a size that differs from the original dimensions. Keep in mind, however, that displaying an image at an enlarged size generally reduces the quality of the image.

A Constituent Institution of The University of North Carolina