PNG Image Format VS GIF and JPEG Formats
Published: July 21, 2009


The GIF, PNG, and JPEG formats are the most commonly used file formats on the World Wide Web today.

The PNG format (Portable Network Graphics) was developed in 1995 to replace the GIF (Graphics Interchange Format) format for two reasons.  The first reason is that the GIF format is patented and developers using software implementing this format would be subject to royalties.  The PNG format doesn’t have any patent so it can be read and written by software developers and webmasters without having to pay any royalties. The second reason is that a GIF image can only be saved as an 8 bit image, which basically means you are restricted to just 256 colours.  PNG can be saved as an 8 bit, 24 bit - up to 64 bit!  Also, PNG supports a much higher level of transparency whereas GIF images only allow one out of the 256 colours to be fully transparent.

A very popular feature of the PNG format that wins over a lot of folks is the alpha channel.  A PNG image with the alpha channel feature is able to achieve 256 levels of transparency which means you can antialias text and images to allow sharp curves to look good against a changing background – drop shadows will fade nicely into the background, and any image can be created to take any shape or form.

From the standpoint of the graphic artist, the GIF and PNG format is very much the same – both use loss-less compression which means that once the image is saved there is no further decrease in the image quality or sharpness.  This allows you to decompress, edit and recompress the image without degradation of image quality.  However, benefits that PNG have over the GIF format is that PNG, in almost every case, compresses more efficiently and will be up to 20% smaller than a GIF file.

Another winning feature of the PNG format is its ability to adjust gamma based on the monitor settings.  An image can be viewed the way it was intended to be viewed because the PNG format stores the gamma information in an image and the application reading the PNG takes note of that gamma information.

A significant disadvantage of both GIF and PNG formats is that they are not really good at compressing complex, natural images, especially images that come from photographs.  This is where the JPEG format shines.  The JPEG format (Joint Photographic Experts Group) has a more complicated compression and records an image by looking at areas, patterns and colours - the GIF and PNG record images by describing each pixel separately.  With complicated, natural images, the GIF and PNG can take up to 10 times the space of a JPEG which is why the GIF and PNG are usually used for smaller images.  In general, the JPEG is a really good format for compressing natural looking images into a very small size.  Because a JPEG’s compression is so complex and it is not a perfect compression format – slight imperfections can arise in the decompressed image if used incorrectly.  Examples of these imperfections are blurring around text and flat areas of colour.  Other disadvantages to the JPEG format are that it is unable to include transparent areas and the image quality degrades each time a JPEG is resaved.

A general rule of thumb is to use the PNG and GIF format for basic images with limited numbers of solid, sharp areas of colour – basic images like logos, text, graphs, headings, buttons etc.  Start using PNG over the GIF format as PNG has a lot more benefits and is now widely supported on the web.  For complex, natural images like photographs, the JPEG format is your best bet.

About the Author
Anna Agnew is an author for The Computer Geek Custom Web Page Design. The Computer Geek is a web design company that prides itself in professional service at a fraction of the cost. The Computer Geek specializes in Custom Web Design, PHP & MySql and Ecommerce.

Customer Reviews:

I'm very new to the whole idea of having a website
I'm very new to the whole idea of having a website / blog. I used Bluehost.com and WordPress.org to create Thepredatorhunter.com and then managed to wreck it. On a Sunday morning I opened chat box with Rich and within a few hours everything was fantastic! This isn't just a company for big biz, if your new and small, The Computer Geek can help you out. In trouble? Stop fretting and start typing in the chat box. You will be glad you did!
Dennis Gilmore
Published:
Dennis Gilmore
dgilmore@basthatfield.com
"I worked with Rich because my website was not wor
"I worked with Rich because my website was not working due to being old and out dated. Rich explained to me the cause of the problems and gave me different options to fix the problems. Rich was able to get my website up and running very quickly and would not even charge me! I am so impressed with Rich's honesty. When it comes time I will be calling on Rich to update my site. He has earned a loyal customer. Thanks Rich!!"
Jason Knuth
Published:
Jason Knuth
jknuth1@wi.rr.com
"WOW! I didn't expect my service request to be han
"WOW! I didn't expect my service request to be handled so quickly. I reached out to Rich for a quote to help migrate my WordPress website and heard back from him within hours. He called me to discuss and was super friendly and straight to the point. I couldn't have asked for better service. Computer Geek will definitely be my go-to for all website and IT needs! Thank you!!"
BrittneyGage
Published:
BrittneyGage
brittneyrosegage@gmail.com
I want to commend you on the brilliance of the wor
I want to commend you on the brilliance of the work Computer-Geek has accomplished for expHand Inc. During certain website issues, the company experienced that had the company website taken down through no fault of the company. After Google did not offer the assistance to reload the website, the work Computer-Geek undertook to have the expHand Inc. website updated and reinstalled was remarkable. I would suggest to any company looking for website assistance from development to rectifying big and small problems that they should contact Computer-Geek. The personal attention given to expHand by Rich did not leave anything to chance. He worked with us as if he was a treasured employee of long-standing. How Computer-Geek continues to be of assistance delivers a continuous piece of mind. expHand will be a client for life. All the best,
Frank Nemirofsky
Published:
Frank Nemirofsky
Frank@SafestPeople.com
If you're looking for a Joomla expert, look no fur
If you're looking for a Joomla expert, look no further. We hired The Computer Geek to migrate our Joomla site last summer. The move was smooth and successful with no down time at all. I've contacted Rich with various web development issues since then and he's always found the solution. Exceptional service at competitive prices.
Brenden Wright
Published:
Brenden Wright
brendenwright0@gmail.com
Rich was friendly & immediately helpful. Couldn't
Rich was friendly & immediately helpful. Couldn't get into my website to update it & had let the situation drag on for months. Clicked on this website & Rich was friendly & immediately helpful, said he could sort things out and did so with promptness & efficiency - not rushing off afterwards, but taking time to make sure the job was done properly. I'd certainly use this company again when I next have a problem. Well worth $120.
John Gordon
Published:
John Gordon
john@teamangelica.com
"If you have a problem with your website, or want
"If you have a problem with your website, or want to add some special functionality, you need to deal with someone you can trust who will fix your problem without making things worse. Finding someone like this is risky. How do you know he or she can do the job? How do you know you won't be left hanging? From our direct experience you can place your trust in these guys. The word 'fantastic' is much over-used these day but these people really are fantastic. Coming fresh into our site and knowing nothing about the specific software we were using, within minutes they were fixing issues. Frankly, I have no idea how you get this good. It's almost super-human. And when they hit a speed-bump, they don't turn around and place the onus on you like many specialists or blame someone else: they just fix it and move on. I trusted our entire site to them - more than 100 man-years of content - and within days we were completely fixed."
Stefan Youngs
Published:
Stefan Youngs
kildare4ever@icloud.com
Our website has an interface to another firm'
Our website has an interface to another firm's website so that prospective clients can leave their contact information for follow-up and tracking. This important hand-off function stopped working. I found Rich at The Computer Geek via search. He fixed this problem the same day, and improved the screen appearance for the prospective clients as well. The whole process was fast and efficient. I recommend this organization.
Tom Nutter
Published:
Tom Nutter
thomashnutter@gmail.com
Once again, Rich and his team have done it again!
Once again, Rich and his team have done it again! My outofbodies.com band website needed a quick fix that I couldn't for the life of me figure out how to do - and Rich took care of it! I will always come back to these guys - they're beyond great! They're friendly, thorough and quick! Got me up and running - I highly recommend them!
Donald Jefferes
Published:
Donald Jefferes
jzerony@aol.com
I am still learning how to navigate around WordPre
I am still learning how to navigate around WordPress but I LOVE the new site Rich! You guys did a great job! I appreciate your patience with me and your professionalism. I'm sure I will have questions and need your help down the road but in the meantime I will refer your services to anyone I know looking for web help.
Dominick Barzini
Published:
Dominick Barzini
pitisland@hvc.rr.com
[Read More Testimonials Here]

Latest Website Related Articles

How Can I Speed Up My Browser

Published: May 30, 2021
When you're editing your WordPress site or working online for your business, it can be frustrating when your browser isn't responsive and loads slowly. So how do you speed up your browser? Fortunately, there is a way to fix this - well actually...[Read More]

 

How Do I Delete My Website From the Internet

Published: May 17, 2021
When you finish a project, have stopped using your blog, or closing your business, you may want to consider removing your website from WordPress. There are a few things that you can do and approaches you can take depending on your situation. ...[Read More]

 


Here are some links to related topics:
 what is link building,   geotab help,   web design zen cart,   fatcow hacked,   ehost hacked,   drupal hacked,  


Site Secured By The Website Guardian