Pr.Pg Next Pg

WEB supported GRAPHICS files tutorials

Web support following type of Graphic files, with img tag and it works on all browsers.




Other types


.GIF File

It stands for Graphical Interchange Format and was developed by CompuServe in late 80s. It is the most common type of images used on the web.

The most important advantage of .GIF file is that .GIF files are compact in size. .GIF files can be Static standalone Picture with or without background.

GIF files can be:

Transparent Background


Animated File

Transparent Background:

Web images are always Rectangle in size. Your design may not be in perfect rectangular. Therefore, when you insert, letís say image having either White or Black background on web pages having different background, it seems odd.

If background is set to transparent, it could perfectly fit on any web page. Checkout looks of following three images having White, Black and Transparent background on web page.


Large images takes time to get loaded on computer and annoys viewer. A special technique called interlaced is applied to big images in way that it appears on screen in stage by stage.

Say instead of displaying image from top to bottom line by line, it displays images in different passes. I.e. in the First pass it display 1st line & 6th line, in second pass will display 2nd line & 7th line, Third pass will display 3rd line & 8th line. Thus, the image appears in five passes. Each pass will make image clearer and viewers will get idea how image will look like.

Animated File:

.GIF is a series of more than two normal .GIF files. Those images are combined in one file in such a way that browser display those files frame by frame at same place, creating an illusion of animation. WEB Animated .GIF files can be created with software like FLASH, SWISH, GIF ANIMATOR, GIF Construction Kit etc.

The biggest limitation of .GIF was that it could handle only 256 colors. Stretching above limits may give you undesirable result.


.JPG or .JPEG File

It stands for Joint Photographic Experts Group. It was invented by Committee to develop Advance image formats.

.JPG or .JPEG files are remarkably compact in size and are designed for photographs and related images without solid color patches.

The biggest advantage of .JPG or .JPEG files over .GIF is that, .JPEG files supports up to 24 bit colors (i.e. 16.7 million colors.). So one can easily stretch the height or width without any fear of color deterioration

Secondly, you may apply different levels of compression to adjust Color bits and File size. The biggest limitation of .JPG or .JPEG is that you canít have transparent background or Animation. Secondly .JPG or .JPEG is not very effective on images having solid colors.


.PNG File

It stands for Portable Network Graphics. This format was developed in 1995 by W3C and CompuServe in response to controversies over .GIF licensing.

.PNG files is superior to .GIF in most of the aspects. It is smaller, supports more colors and more capabilities.

PNG supports palette-based images with palettes of 24-bit RGB or 32-bit RGBA colors, gray scale images with or without alpha channel, and full-color non-palette-based RGB [A] images with or without alpha channel.

PNG was designed for transferring images on the Internet, not for professional-quality print graphics

The biggest disadvantage of .PNG is that it cannot support animated images and Browsers prior to 1995 does not support it.


Other Graphic files.

Apart from .GIF, .JPG or .JPEG and .PNG files, several other files are used on Web. However, these files are scarcely used and not all browsers support it. Those files are,


.BMP (Windows Bitmap File)

.PICT (Macintosh Bitmap file)

.TIFF (Tagged Image File Format)

.CGM (Computer Graphics Metafile)

.XBM (Portable Bitmap)

Pr.Pg Next Pg