Should You Use JPEG, PNG Or GIF For Your Website Images?

Web pages have been around for over 15 years. In that time it has developed at a mostly text based medium to one that provides full-featured computer software. As it moved away from mostly text, more images were definitely added to add color to the various pages.

As even more images were added, several formats began to be supported by the numerous web browsers: JPEG, GIF, and PNG. transparent clipart is the most up-to-date of the three, and up to a few years ago, wasn’t supported by a number of the browsers.

One common questions with regards to displaying images using a web site is which image format should you use? Helps look at these three image formats and discuss the actual image that would be best suited for the format.

GIF (Graphics Interchange Format). This format was introduced by Compuserve around 1987. This format only supports a maximum of 256 colorations, so it shouldn’t be used with images that should be photographic quality. Should you do save digital photos with this format, you will notice a lot of fixing (colors that don’t blend), because of the limited 256 color scheme.

While it does display a limited number of colors, it can certainly be used for various images, such as screenshots or images that have already few colors and well-defined lines. Saving a screenshot of a dialog box in the GIF format, will probably be small compared to saving the same image as a JPEG, even with maximum compression setting.

One other benefit of the GIF format is the ability to complete a color transparent. This allows you to make small images, or simply icons, that seem to blend into the background of your web page.

JPEG (Joint Photographic Experts Group). Most people are familiar with this photograph format as all digital cameras can save digital photos towards JPEG files. The first standard for the JPEG file format appeared to be issued in 1992 and was approved in 94. Unlike the GIF format, JPEG files can display screen up to 16. 7 million colors, which makes them a great choice displaying photographic images.

When a JPEG is saved, the level of compression is specified. The more compression that is used, the smaller the exact file, but the lower the quality. JPEG uses a lossy contrainte, which means image information is discarded to reduce the quality. For displaying images on the web, you need to balance the quality of the versus the size of the image. If you want great looking images, then you have to use less compression. For printing, you should use the least number of compression.

Since the JPEG file format is supported but most of web browser and image editors, this format is perfect for featuring photo-quality images on your web pages.

PNG (Portable Network Graphics). This image format was introduced in 1996 instead of6123 both GIF and JPEG. This format is convenient in that it supports 256 (8-bit), 16. 7 trillion (24-bit), and even higher 48-bit colors, however , there are exchange offs to using this format.

Images that use the PNG format tend to be larger than either GIF or JPEG information. While PNG images can be compressed, much like the JPEG arrangement, the compression used for PNG images is non-lossy. Consequently no information is discarded to compress the image. The following causes the PNG image to be much larger than the exact JPEG image.

Another issue is that of browser support. Though all new browsers support the PNG image format, web visitors your web site may be using an older browser (IE half a dozen. 0) that doesn’t support the PNG format 100%. The exact transparency may not be displayed properly in such a browser.

Related Posts

About The Author