Payment
Employment Opportunities
Helpdesk SupportWhen adding new media to the system, you first want to ensure that your media file is ready for use on the web. Here are some excerpts from the Eastern Michigan University Standards Guide that I felt were well written.
General graphics principles
Professionalism and presentation are important. The way your graphics are designed and presented is a reflection of the entity your site represents. If you do not have experience with professional design, we recommend that you obtain assistance from someone who does.
Relevance is important. The graphics on your site should be directly and obviously related to your site's content.
Legality is critical. Site developers must know, understand and comply with the rules of copyright for images on the web, as well as in print. The easy availability of images on the web, along with the anonymity of the web, can create complacency about image ownership and copyright. As a general rule, if you don't know who owns an image, or if you have not been granted express permission to use an image, DO NOT USE that image.
General graphics standards
Use good syntax for naming images: lowercase letters, no spaces or extraneous characters except the "_" character, short and descriptive file names.
Avoid flashing or "animated" gifs. With rare exceptions, these icons do not add to the professionalism of a web page/site.
Avoid using cute or whimsical "clip art." Graphics should be professionally produced and presented.
Pay attention to colors. Your colors should work well together, and should complement the site's images and content. While you are not required to use the web-safe color palette, we do recommend that you optimize your colors for the web. The web-safe palette provides a good way to do this.
Use .gif and .jpg images appropriately for the types of images on your site. While some browsers can read .png and .wbmp images, it is not a good idea to use these formats on your site. We recommend that you save your high-resolution original images in an image editing program, and create 72 dpi JPGs or GIFs for web use. (A note on image formats: For the most effective use of the relative compression algorithms, JPG is usually used for photographic images, and GIF is usually used for graphics with larger areas of common color. It is important to note that JPG does not support transparency, so if you want a transparent image, it will need to be a GIF. You can simulate transparency on a JPG by setting it on a background identical to the background color on a web page.)
Optimize your graphics for small file sizes. Your entire web page should load in about 8 seconds at 56k. Full-featured image editing programs (such as Photoshop) provide tools for image optimization. These include reducing the color palette, creating slices, and increasing image compression. Be careful that your selections for image optimization do not degrade image viewing quality.
Image dimensions and proportions (size)
Do not resize images in browsers; this degrades image viewing quality. Resize your images in an image editing program such as Photoshop, then specify each image size at its actual pixel dimensions (width and height) for the browser.
Each image should be presented at 100% of its original proportions. Do not stretch or squish images to fit a particular area of your web pages. If you need an image at different proportions than your original image, either crop the image to fit the space at 100% proportions, or select an alternative image that better fits your web page.
In addition to using 100% dimensions and proportions for your images, please make sure that your images are prepared at 72 dpi in your image editing program. Browsers have to "interpret" images at other sizes, and the results are undesirable.
Finally, larger images are not necessarily better--in fact, they often distract from the professionalism and usability of your site. Remember that people use browsers of different sizes, so a 4x6 image on your browser may take up most of someone else's screen.
