L3DP

**Image types** Current web browsers support two different image types, GIF and JPEG. There are certain advantages to using one type over the other, the differences are significant enough to be aware of them, but not significant enough to ever go to great lengths to change from one format to the other. Here are the differences: a "GIF" || a "JPEG" or "JPG" ||   **Resolution and File Sizes** Many digital cameras have resolution settings such as "Large", "Medium", or "Small". Check your manual to determine the specific resolutions these terms represent. Depending on the type and quality of camera, the resolution settings can range from 72 dpi (dots per inch) to 300 dpi. If you are going to view an image on a computer monitor (ex: you are using the image in a web page), then 72 dpi is acceptable. If the image is going to be printed out, you probably want the 300 dpi resolution. Below is a table which compares the file sizes of digital photographs taken at different resolutions and compressions. The two pictures below were taken at the same resolution but with different compressions. You cannot tell by looking at the photographs which is bigger, because the maximum resolution of the screen is 72 dpi.    You will probably notice that the picture on the left was shot under high resolution and the picture on the right was shot under medium resolution. If you are planning to use these images in a website or a PowerPoint presentation, consider the following:
 * **GIF** (Graphic Interchange Format) -- A common format for image files, especially suitable for images containing large areas of the same color. GIF format files of simple images are often smaller than the same file would be if stored in JPEG format, but GIF format does not store photographic images as well as JPEG. || [[image:http://www.saskschools.ca/curr_content/info10/module7a/images/pyramid.gif width="75" height="100" caption="a GIF image"]]
 * **JPEG or JPG** ( Joint Photographic Experts Group) --File format for full-color and black-and-white graphic images. JPEG images allow for more colors than GIF images but are usually larger in size. || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">[[image:http://www.saskschools.ca/curr_content/info10/module7a/images/jpgexamp.jpg width="75" height="100" caption="a JPEG image"]]
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">**Resolution** |||||| <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">**Compression** ||
 * ^  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">Superfine  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">Fine  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">Normal  ||
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">**L** (2048 x 1536) || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">1722 KB  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">943KB  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">468 KB  ||
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">**M** (1024 x 768) || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">591 KB  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">329 KB  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">174 KB  ||
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">**S** (640 x 480) || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">273 KB  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">156 KB  || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">88 KB  ||
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">[[image:http://www.saskschools.ca/curr_content/info10/module7a/images/trelarge.jpg width="210" height="223" align="middle" caption="A high resolution image"]] || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">[[image:http://www.saskschools.ca/curr_content/info10/module7a/images/tresmall.jpg width="210" height="223" align="middle" caption="A low resolution image"]]  ||
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">Keep your graphics as small as possible while still conveying the message that you want the graphic to convey
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">Make sure that your graphic is not more than 72 DPI.
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">If you are given the option, save photo quality images s JPEG's and line art as GIF's. If you aren't given the choice, save them as either.

Tip!!! || <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">//If you plan on using lot of graphics, it is good idea to become familiar with a graphic editing program. Such a program will help you to create, edit, and resize your graphics. Fireworks is an excellent program.// ||
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">Don't confuse image dimensions with file size.
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">The dimensions of an image are the physical measurements of that image (3 inches by five inches, or 300 pixels by 500 pixels).
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">The file size of an image is the amount of memory that the image takes up on your hard drive. (This also affects the speed in which the image is downloaded by your browser.)
 * <span style="FONT-FAMILY: Arial, Helvetica, sans-serif">