Concisely explains in layman’s terms why PNGs are a better file format when designing for the web.

The PNG image file format is not new to the web. It originally developed in the mid-90s as a solution to the shortcomings of the traditional GIF image file format. However, because early browser applications offered only spotty support for the PNG’s advanced features, web designers, developers were limited in its use. One large hurdle in particular faced by PNG’s was Microsoft Internet Explorer (IE). Far and away the most popular browser, IE offered particularly poor support for the file format. However, with the release of IE 7 as well as several JavaScript hacks, this has all changed, and PNGs are more popular than ever.

But who cares!? And besides being one letter short of my favorite 1972 video game, what makes a PNG so great? Below, are three reasons why PNGs are the best image format since the Polaroid.

They’re See-Through! (Alpha Transparency):

As compared to the GIF, PNG offers a far less basic form of transparency. With GIFs, a particular color (or colors) is able to be saved as transparent, leaving colors either entirely opaque or transparent. There is no in-between. PNGs have a distinct advantage in this area. The PNG file format supports “semi-transparent pixels,” meaning a PNG can be saved with a soft drop shadow and floated over any background. It can be used as a watermark on a textured or gradiented background. It can even be smoothly faded from fully opaque to transparent, revealing the web page contents beneath. Summerour.net features a logo which demonstrates this function. The homepage layout called for a logo with a soft drop shadow over a textured background of architectural sketches that regularly change. Using a GIF or JPG would be highly impractical, because every time the image changed, the logo’s background would need to be edited. A PNG, however, is floated over the image with a faded drop shadow, making the task quick, simple and dynamic. PNGs make the look and feel of your page flexible.

They Look Great! (Lossless Compression ):

Every time a JPEG is saved and compressed, it loses some of the original file’s information and the image quality degrades. The GIF file format offers lossless compression (so the file can be saved and resaved without losing image quality), but it only supports a limited 256 color palette, making it useless for full-color photography and other such complex images. PNG offers the best of both worlds. It displays full color photographic images, like the JPEG, but it also supports a managed color palette, like the GIF format. While the PNG will typically have a larger file size than the JPEG for photographic images, it does have a distinct advantage: its compression is lossless, meaning images never degrade in quality or suffer from “compression artifacting” which affects many JPEG images. The results are crisper, brighter images that will “pop” on your pages unlike ever before.

They’re Self Optimizing! (Gamma Correction ):

Adjusting the brightness and contrast of images to look correct on a wide variety of monitors and operating systems is a common problem facing web designers. This problem is primarily related to different monitor Gamma settings. Gamma is a method monitors use to distribute their luminance evenly across the display. Unfortunately, different operating systems (in particular the Mac and Windows) use different Gamma settings. So an image that is color-corrected for the Macintosh operating system may look too dark on the Windows operating system and vice-versa. The PNG file format offers a solution for this problem. The image can be saved with built-in Gamma correction, enabling it to anticipate the operating system’s Gamma settings and automatically adjust its brightness and contrast. By using a PNG, designers can simply color-correct the image for their personal operating systems and let the PNG do the rest.

Source: Free Articles from ArticlesFactory.com

 Fast and easy Website Design Tips
Hi did you no that internet web pages have come full cercal, well do you remember the old days when a website was designed by code? You no by actually typing HTML, the web pages looked simple and the only ones that had lots of images was the big firms that had the money to pay for them. Then came the programs FrontPage Dream weaver and so on, WebPages started to get more and more in complexity, we had to keep image sizes small so the page would load faster and some websites turned the images into background images as these would....

 The very basics of design
Design is a very subjective thing, therefore, if you ask me how to come up with a first class design for your marketing collateral or publishing mediums, it would be very unfair for me or anyone else to tell you what is a good design and what is a bad design....... But there are certain elements and principles that we should look for in a design to determine whether the design and layout of the material will be able to carry the message across effectively to the readers and....

 Avoid Graphical Overload
When designing a website, it's easy to start loading it up with graphics. While tempting, you have to resist -- otherwise, you'll end up with graphical overload. Why is that a bad thing? Here's why. It Takes Too Long to Download The first reason to cut down on graphics is that the more there are, and the larger they are, the longer it will take each of your pages to download. People are impatient when waiting for pages to download -- you only have around 5 seconds before your visitor hits the Back button. What can you do about this? Apart from using....

 5 ultimate graphic design mistakes - Things that graphic designers should avoid at all costs
With many young designers coming from a pre-dominantly web design background the transfer over from web design to traditional design for print can bring with it a multitude of design sins. 1. Using web graphics on printed material. With many young designers coming from a pre-dominantly web design background the transfer over from web design to traditional design for print can bring with it a multitude of design sins. Images supplied at 72dpi and....

 Stock Photography
The licences that are placed on stock photography you will have to choose between either rights managed, released, non exclusive, exclusive and royalty free ones. Today when it comes to finding the right kind of stock photography which you can then use as part of your advertising campaign or website design there are plenty of places where you can find the right ones for you.  No longer are you restricted to finding an agency close to where you live to provide you with the photographs that you want a quick search of the internet will bring up....

 The pillars behind an accessible creative business web site design
The web site should look awesome in the sense that its design must be user friendly and visually appealing. Usability, accessibility and some basic browser design guidelines are there behind any new web site to look afresh. User friendliness, good look & feel and fast & easy communications are some of the features of any successful and cheap website design to target the prospects.   Only pretty images would not satisfy their quests. A site that is not visually appealing can drive a user away before he completes his task. Certain other things are also necessary here to....

 Blog Auto Publisher
Have started to post to all my blogs using a fantastic new blogging software called Blog Auto Publisher. It is a very easy to use software that cuts the time posting to blogs by over 70% depending on how often you like to post. Have started to use it more and more often to add new content to all my blogs. If you have a blog that is suited to using Articles from Ezines then this software is the only thing you will need to give your blog that push it needs to start making money... traffic from lots of content....

 The Impact of SEO Web Design on Search Engines
SEO web design is a concept which emphasizes great architectural design principles based on how the search engines determine relevance and site information. The design should be able to give out the information that the user is seeking and at the same time be easily navigable. This is part of search engine optimization because the SEO web design should also be....

 Small Business Website Design Strategies
Think of it like a courtroom. The small business is on trial it's products and services are suspect from the get go. That small business needs to prove beyond a shadow of doubt that it can provide the best value over its competitors. What's worse is that you only have about 8 seconds from the time the visitor hits the homepage to the time they click the back button to hook them into your sales copy. For a small business a website can have a massive impact on whether....

 The Three Principles of Image Optimization
Optimizing a page for quick load times can be broken down into 3 broad categories: the basic coding of the page, scripts that are used on the page, and images. Of these three, images that are too large can have the most significant impact on load times and therefore have the greatest potential for improved page loading times if properly optimized. Are you losing visitors to your web site due to slow page load times? Is your site being penalized because the images on your site are too large?....

 Using technologies wisely to build more accessible websites
Once you're ready to build your web site or web page you begin wondering how you are going to build it. Will it have tons of animations and interactivity? Will I fill it with graphics? How will all that affect the navigation, comprehension, accessibility and download time of the page? What are the things you need to consider when deciding which and how technologies will be used in your website? Each website has....

 Suggestions on Website Usability
If you're after a usable website then there are a few strict guidelines you should try and follow. Website Usability is more than just placing a navigation bar in the right spot and allowing users to search the site. It is an intricate art that not everybody can easily implement. This tip aims to identify some of the key factors that come into play when designing a usable and functional website.Firstly, the site must contain a clear, concise yet simple navigation system. According to web usability expert, Jakob Nielson, a good site navigation system should answer three questions:Where am I?Where have I been?Where can I go?Your site's....

 Web Site Creation - Different Types of Web Graphics
Though there are many file formats for graphics only a few are used for web purposes. Web graphics are an important part of web desiging. It is important to familiarize with them so that you can choose the best that suits your purpose. Web graphics are an important part of web designing. Though there are many file formats for graphics only few are used for web purposes. It is important to familiarize with them so that you can choose the best that suits your purpose. GIF (Graphic Interchange Format): In 1980 CompuServe Information Service popularized the Graphic Interchange....

 5 Powerful Factors of Successful E-Commerce Web Design
Does your site design have what it takes to lure more buying customers? Know the 5 most critical web design factors in making your e-commerce site a sensation. As much as the saying "content is king" rings true, form and function needs to be balanced in order to create an effective web site. This balance is even more critical when it comes to creating an effective e-commerce web site for your business. Based....

 Search Engine Optimization: Site Structure and Popularity
Search Engine Optimization: Site Structure and Popularity by: Milena Sotirova In the Global Internet era the industry presence is undoubtedly related to the company online presence. Where is the scope of the online presence limitations and does it refer only to the search engine optimization aspect or it broadens into many related components. Following the user experience line, it is easy to describe what the most important levels of access Internet popularity are and how it can be achieved. Site organization Well, the site organization is always the first after choosing a domain name that comes up as a decision in the design process.....

Trackback URL for this post:
http://www.problogtips.com/why-to-use-png-images-in-your-web-design/2197/trackback/

Posted by Jaron in the catagory of... General Interest

No Trackbacks »