![]() |
![]() |
![]() |
||||||||||||||||||||||||||
|
|
Icon sizes: 256x256, 48x48, 32x32, 24x24, 16x16 File formats: ICO, GIF, PNG, BMP Why Do You Need to Use PNG Image Format in Your Web Design?The pros of including PNG file format in web designing over other image formats such as GIF and JPEG; the image format can be used to make good and efficient web graphics that will wow your consumersThe PNG file type was introduced some time ago; it was brought out in the market in 1995/96 to make up for the shortcomings of the popular GIF file format. However, it did not make an impression because the the browsers of the time could not offer support to the state of the art features of PNG so web designers and developers were forced to incorporate it restrictedly. One of the major hurdles that marred the features of PNG was with Microsoft's flagship product, Internet Explorer which was the most well known and widely used browsers of that period; IE had very little space for PNG support which meant that the format could only be made use of to a bare minimum. Then, the scene went through a change when IE7 was brought out; this fresh browser from Microsoft has helped in increasing the usability of PNGs. So here is a look at three reasons why PNG is by far the most innovative image formats to be introduced so far: It is possible to create see through images or a property known as alpha transparency: When you compare PNG with GIF, will notice that A definitive difference in the two formats is that you will only be able to save a specific color as transparent in GIF which means that the color can be used whether opaque or transparent with nothing in between with the use of PNG, you get a serious feature over GIF; because the format is capable of producing semi transparent pixels. With this attribute, you can save a PNG image with a soft drop shadow and then float it against any background. Through this feature you will be able to use an image as a watermark or a gradient background. The image file type gives you the option to use the gradual fading of colors from fully opaque to transparent, so that you can see the webpage below They look fantastic: Apart from the fact, that you get amazing flexibility wit PNG images; there are numerous other advantages to incorporating this format. For example, when you use a JPEG image, you lose a portion of the information on the original file whenever the file is saved, so after a while, you will notice a distinct deterioration in the quality of the images. Even if, this problem has been resolved in GIF and you can store the images without compromising any data, GIF only allows for a limited 256 color palette, which makes it quite futile if you have to save a photograph. However, with PNG, you could get the most desired attributes of the image formats; you will be provided a complete color display similar to JPEG images and it also supports managed color palette as seen in GIF files. At the same time the storage of the file is sans loss so the image does not change even if you save the file several times. Self Optimization is possible in PNG: A serious problem that web designers face frequently is the issue where the contrast and the brightness of the monitor has to be regulated to see the images appropriately; this problem occurs due to the Gamma settings of different monitors. Gamma is a technique used to distribute the brightness across the display surface. However, various operating systems use a variety of Gamma settings. Hence, a picture that is color corrected for Windows will seem wrong when seen on Mac. Here again, in this situation the innovative PNG image type comes to the rescue, in PNG, you can save the pictures with an inherent Gamma correction feature so despite the differences in operating systems; the Gamma settings will be realigned to display a file with the perfect contrast and brightness.
| Copyright © 2005-2012 Aha-Soft. All rights reserved. |
|
|||||||||||||||||||||||||