Graphics and images on the web

In this lecture we explored the various image file formats that work on the web, as well as discussed techniques for web-optimizing images. The "cliff notes":
1) Your final image resolution should be no greater than 72 dpi.
2) You should try to crop your image to the exact size you want it to appear on your web page (measure the size in pixels and write it down for later use).
3) The image should be in the RGB color space.
4) for photos, save the final as a jpeg, with a quality about 60 (medium).
5) for line art and type, save the file as a gif, with as small a color pallete as possible to correctly render the artwork.
6) png is a newer file format that is perfectly acceptable for the web, but may have some backward-compatability issues.
7) Likewise, bmp is an acceptable file format, but it does not compress the image files, so you are better off with a gif or jpeg

images are brought onto your web page using the <img> tag, or using cascading stylesheets. Here is the code we wrote in class:
http://www.markcraddock.com/blog/webdesign1/image_lecture.htm
http://www.markcraddock.com/blog/webdesign1/graphics2.htm