What do .jpg .gif .png mean.

Also Known As : Understanding Binary Image File Extensions,
OR Understanding Valid Website Image File Formats

The browsers manufacturers (mozilla, microsoft, GPL community, etc.) make the rules when it comes to what kind of picture files will render in any one web browsing product - Firefox, Internet Explorer, Konquerer, WebTV, etc. Thankfully they all generally get along when it comes to image file types, standards, and handling without plug-ins and add-ons.

The web browser companies have decided on 3 "In Line", binary, graphic technologies for main stream integration. They are .JPG, .GIF, and .PNG. Quickly a binary file looks like this;
1)  01000111 -> 'G'
2)  01001001 -> 'I'
3)  01000110 -> 'F'
These 3 types of acceptable images for website generation are all raster image formats, that is to say that the pictures are comprised from a series of dots on a page, not a circle or triangle that can be resized without loss. Each of these has the ability to save colors outside of the "Web Safe Color Palate" referred to in the FAQs. Below is a short explanation of each of the web safe image formats:

1. GIF - CompuServe's Graphics Interchange Format. Some pronounce it with a soft G like giraffe, some with a hard G like gift, and no one really knows what they're talking about. (For the record, the hard G is correct; it is how the author of the format pronounces it. The author of the article prefers to think of it as a gift!)
This is one of the original Binary image formats. This image format allows the designer to choose the number of colors in the palette, the colors in the palette itself, and has a single horizon for dithering. In addition gif images real power is their ability to store multiple frames of information and time delay information for each independently. Therefore gif images are ideal for transparent background and animated graphics.

2. JPG / JPEG - This is usually a dual syllable disaster of an anagram pronounced Jay-Peg no matter how spelled.
The JPEG file is the greatest thing since sliced bread for the web designer. The JPEG or Joint Photographic Experts Group file extension is designed to give lossy compression (losing quality) making it ideal for making those small yet detailed graphics website connoisseurs crave. The more "loss" or "Compression" added to the file the more fuzzy the colors become, compression draws larger and larger concentric circles around points to fill the voids with the same color. There is not a limit on the color palate with a JPG making it ideal for Gradients and smooth transitions of color.

3. PNG - Pronounced "Ping" in one syllable.
The Portable Network Graphics (PNG) format was designed to replace the older and simpler GIF format and, to some extent, the much more complex TIFF format. Like GIF and TIFF, PNG is a raster format, which is to say, it represents an image as a two-dimensional array of colored dots (pixels). Shrinking and Enlarging the picture will then degrade the photo as color information is lost when the size of the dots is changed. PNG Graphics are fully loss less, support up to 48-bit true color or 16-bit grayscale, and palette based optimization (i.e. saving with only 8 colors like gif). When images are saved at full resolution and color, full saving, restoring and re-saving of an image will not degrade its quality, unlike standard JPEG (even at its highest quality settings). This image format is the newest of the group discussed above. This image format has more complete image transparency and shading capabilities and compresses 5%-25% tighter than GIF images. However, PNG images are static and can not be animated as GIF images can.

Each of these file types is a flat file, (NO LAYERS or VECTORS) with dots of color
2007-02-03 01:00:04
Back to Frequently Asked Questions Main

Broomfield Designers doesn't just build Custom Websites, Custom Databases, and online office systems. With hundreds of clients in multiple fields we've produced award winning content in many ways over our 16+ year history. We have technical expertise in:

Graphic Design
Print Production
And Much More

We have the diverse background and skills to help your business advance...

Broomfield Designers is a Colorado Business
Broomfield Designers is a Colorado based custom internet and web solutions provider. Our company is dedicated to bringing your business or group up to the newest technology, most efficient systems, hosted on redundant and widely available architectures.

Translate This Website

Search Our Site W Google


© 2000-2016 Broomfield Designers - Custome Databases, Custom Websites, and Business Consulting
5023 W. 120th Avenue #138, Broomfield, CO 80020 | Direct: 720.364.6894