Web graphics

Web Graphics

Images on a web page need to be inserted in HTML (HyperText Markup Language) code.
For example, an image named hello.gif is inserted with the code <img scr="hello.gif">.
HTML is a cross-platform program, viewed by UNIX, Mac and PC users.

Resolution
Create your images with a resolution of 72 pixels/inch. Creating images at a higher resolution will only make them display larger, as web graphics will automatically display at the resolution of the viewer's monitor.

Use the Save for Web palette (under the File drop-down menu). Save your image in either the JPEG or GIF file format.
Save your file name and extension in lower case. Don't use symbols or spaces as part of the file's name.

JPEG Use JPEG for photos or illustrations that need many colors or smooth gradations.
As it is a 24-bit compression standard, it can display millions of colors. By comparison, GIF has a maximum of 256 colors as it is has only 8-bits of color depth.

GIF
Use GIF (Graphics Interchange Format) for images with large areas of the same color.
GIF images use the Indexed Color mode. Don't convert your file to GIF until you are finished because you can not use Layers or Filters in Indexed Colors mode. Supports transparency, interlacing and animation.

JPEG	Use JPEG for photos or illustrations that need many colors or smooth gradations. As it is a 24-bit compression standard, it can display millions of colors. By comparison, GIF has a maximum of 256 colors as it is has only 8-bits of color depth.
GIF	Use GIF (Graphics Interchange Format) for images with large areas of the same color. GIF images use the Indexed Color mode. Don't convert your file to GIF until you are finished because you can not use Layers or Filters in Indexed Colors mode. Supports transparency, interlacing and animation.