![]() |
![]() |
![]() |
||||||||||||||||||||||||||
|
|
Icon sizes: 256x256, 128x128, 48x48, 32x32, 24x24, 20x20, 16x16, 512x512 File formats: ICO, GIF, PNG, BMP Why Do You Need to Use PNG File Format in Your Web Design?The advantages of including PNG images in website designing over other formats ;for instance, GIF and JPEG; the image format works well if you need to make good and efficient web graphics that will entice your customersThe PNG file format was introduced a few years back; it was brought out for consumers in the mid 90's to cover the drawbacks of the popular GIF file type. However, it failed to create ripples because the the browsers of the time were unable to support the progressive attributes of PNG so internet designers and creators were forced to include it in their designs restrictedly. One of the major hindrances faced by the format was Microsoft Internet Explorer which was one of the most popular browsers of that period; IE had limited provision for PNG support consequently the format could only be used to a bare minimum. However, the scene went through a change with the introduction of IE7; this fresh offering from Microsoft has proved immensely useful in increasing increasing the utility of PNGs. So lets take a look at three reasons why PNG is by far the most innovative image formats in the market today: You will be able to create images that can be superimposed due to their transparency or a property known as alpha transparency: When you analyze the features of GIF and PNG, will notice that a very distinct advantage with PNG is that you you will be restricted to saving any odd color as transparent in GIF this simply means that the color can be transformed whether opaque or transparent with no other color in between with the use of PNG, you get a distinct benefit; because the format supports semi transparent pixels. With this attribute, you can save a PNG image with a soft drop shadow and then use it against a background of your choice. Through this feature you will be able to use an image as a gradient background or water mark. The file type gives you the option to use the slow fading of shades from entirely opaque to absolutely transparent, and hence you will be able to view the webpage below They look fabulous: Not only do you get surprising flexibility when using PNG images but also; there are a myriad of other advantages to using this format. For instance, if you choose a JPG image, you lose a portion of the data on the original file each time you save the file, so in time, you will notice a distinct downgrade in the finesse of the images. Even if, this issue has been resolved in the image format and you will be able to store the images without compromising any data, GIF has a limited color palette of 256, which imparts it quite ineffective if you have to save a picture. However, if PNG is incorporated, you can get the best features of both these formats; you get a complete color display like with JPEG file type and it also provides managed color palette as seen in GIF files. Also the compression of the picture is without loss so the photograph does not change regardless of how many time you save it. Self Optimization is possible in PNG: A serious problem that web designers have to tackle very often is the fact that the contrast and the brightness of the monitor has to be adjusted to see the pictures appropriately; this problem occurs due to the difference in the Gamma setting used for the different monitors. Gamma setting is a technique used to spread the luminance across the display surface. However, diverse operating systems use a variety of Gamma settings. Therefore, a picture that is color corrected for Windows will seem wrong when seen on Mac. Again, in this case the flexible PNG image type can help you out, in PNG, you can save the pictures with an inherent Gamma correction feature so whatever operating system you are working on; the Gamma settings will be changed on its own to display a file with the amazing contrast and brightness.
| Copyright © 2009-2012 Aha-Soft. All rights reserved. |
|
|||||||||||||||||||||||||