Developing Media for Web Pages

Kim Walls and Deborah Barber

July 5, 2000

Basic Concepts for Web Photos

Dots per inch (DPI or resolution) and Size

For Web projects, the output screen will vary, depending on the computer used to view the page. Most monitors can display 640x480 or 800x600 or 1024x768. However, browser (Netscape, Internet Explorer) windows are not usually that wide. Users may have to scroll their browser windows if your image is more than say, 580x435 pixels. Generallyspeaking, a computer monitor displays 75 dots (pixels) per inch.

So,

  • If you want the photo to be the same size, set to 75 dpi and 100%
  • If you want the photo to be larger, multiply 75 dpi by how many times larger you want it to be. (If you want it to be two times larger, 75 dpi x 2 = 150 dpi.)
  • If you want to reduce the size, do the same. (If you want half size, 75 dpi x .5 =@ 40.)

  •  
    For printed photos, 200 dpi is about the best resolution you can get. (You can go for overkill with 300 dpi...used for special purposes.)

    Scanning for printing purposes is another story! (That we won't cover today.)

    Mavica and other digital cameras generally take photos that have 640x480 or greater resolution, so the photos will be plenty large for Web and multimedia projects. The FD91 has several possible resolutions: 640x480, 1024x768, and 320x240...depending on the file format chosen...see below.

    For most cases,


    Digital photography for printing purposes has different requirements!
     
     

    Number of grays/colors

    File Formats

    The highest quality cross-platform image is .TIF.  Windows computers read high-quality .BMP files and Macintosh computers read high-quality .PICT files. The three types of files are very large and at normal photo size will not fit on a floppy disk. EPS format files are high-quality files that are used for color-separation printing.

    Web browsers can display .JPG files and .GIF files. JPG is best for photographs, but GIF is good for graphics only because is displays many fewer colors than JPG. JPG files are smaller than TIF files, but lose quality each time they are edited.

    The Mavica FD91 will save in three formats, JPG, MPEG, and BMP.

    NEXT: SCANNING PHOTOGRAPHS WITH VISTASCAN