Hosting The Right Way

Web Site Optimization: How To Speed Up Your Web Site By Minimizing Your GIF and PNG Image Bit-Depth

Are bloated images slowing down your web site and causing you lost business? Images comprise over 50% of the average web page so putting them on a diet is essential to improving web performance. One of the best ways to optimize GIFs and PNGs is to minimize the "bit-depth" or the number of colors within your images.

For palette-based formats like GIF and PNG, file size is directly related to the size of the color palette, or the number of colors in the image. As the number of colors in an image crosses a power of two, the file size jumps. A 33-color image must use a six-bit palette, while a 32-color image can use a 5-bit palette. Smaller palettes mean smaller codes (representing pixel patterns), which makes for smaller files. So minimizing the number of colors in index-color images like GIFs and PNGs will minimize file size.

The compression schemes used in GIFs (LZW) and PNGs (Deflate) are dictionary-based encoding algorithms. Dictionary based compression algorithms substitute shorter codes for longer patterns of strings within the data stream. Pixel patterns (substrings) in the data stream found in the dictionary are replaced with a single code. If a substring is not found in the dictionary, a new code is created and added to the dictionary. Compression is achieved when smaller codes are substituted for longer patterns of data.

The code size is based on the number of bits per pixel, and depends on the maximum length code within your dictionary. Thus the smaller your bit-depth, the smaller the codes representing your pixel pattern strings, and the smaller the file.

Choosing the right format for your images is the first step in optimizing web graphics. At lower bit-depths, banding can appear in smooth-toned images. Try quantizing your image to different palettes to minimize banding.

PNG Compression

PNG uses the deflate compression algorithm which is a newer, more efficient cousin of LZW. Deflate is designed to be free of patent problems. Deflate is a combination of the LZ77 algorithm found in zip programs like WinZIP and gzip, and Huffman coding. Deflate typically compresses files 20 to 30 percent smaller than LZW, which is the difference you'll find between gzip and compress. PNGs use a similar substitution technique, but are generally 5 to 25 percent smaller than GIFs, although there are exceptions. In addition to horizontal "scan-line" pattern substitution PNGs sometimes substitute for vertical patterns. PNG can also truncate color palettes. In general, the smaller the color palette, the smaller the overal file size.

Conclusion

To minimize the file size of palette-based image formats like GIF and PNG, minimize their bit-depth, or number of colors. Each time you pass a power of two, file size jumps higher. By minimizing the number of colors, and maximizing the flat-color areas you will create smaller, more efficient images destined for the Web.

Further Reading:

LZW Data Compression

http://www.dogma.net/markn/articles/lzw/lzw.htm

Mark Nelson breaks down the LZW compression algorithm for Dr. Dobb's Journal of October 1989.

Multimedia: Use Lossy Compression for Smaller GIFs and PNGs http://www.websiteoptimization.com/speed/tweak/lossy/

Lossy compression lets you squeeze more bytes out of your GIFs and PNGs. Lossy compression increases identical pixel patterns to improve compression in indexed-color images.

Multimedia: Use Weighted Optimization

http://www.websiteoptimization.com/speed/tweak/weighted/

Weighted optimization or regional compression applies different degrees of compression to different areas of your image. By varying the quality within images you can improve file size.

Optimizing Web Graphics

http://www.websiteoptimization.com/speed/12/

Chapter summary from Speed Up Your Site, shows how to correct, optimize, and compress images for minimum file size and maximum quality.

PNG Home Site

http://www.libpng.org/pub/png/

Greg Roelofs site devoted to all things PNG.

About The Author

Article by Andy King, author of the popular new book titled "Speed Up Your Site – Web Site Optimization". Visit Andy King's web site to learn the best Web Site Optimization practices for higher traffic and speed guaranteed. www.websiteoptimization.com

Other Article Sites

findabook.com  moneycd.info  a-mortgage.info   about-lemon-laws.info  aboutstudentloans.info
all-about-publishing.info  auctions-articles.info  bestcollege-university.com  bestispconnection.com
biblefolder.com  blogger-website.com  books-used.info  brokers-guide.info  buywindows.info  cable-dsl.info
career-miner.com  carpel-tunnel.info  cashinaflash.info  cashloanreviews.info  casinobell.com  chat-house.info
clearmycredit.info  collegeloantips.info  crones.info  depression-articles.info   dirnic.net  dishguides.info
divers-below.com  expodog.info   financewizz.com  fire-insurance.info  getgood.info  handleit.net   it-idea.info
health-supplies.info  hosting-right.com  insidealert.com  insurance-facts.info  jobs-employment.info
justgood.info  lookgold.net   lowcost-travel.info  money-source.info  myhostzone.info  numisblog.com
peoplesearchfinder.info  pr-articles.info  realeas.com   refinancing-guides.info  spyware-remove.info
telelot.info  the-law.info   toppaid.info  travel-deals.info  travelcorrect.com  wedding-guide-site.com
your-blog.info  your-credit.info

Consumers Now Have One-Stop Shop for Green Cars: New Website Saves Time Researching, Buying and Selling New & Used AFVs
With 11 million alternative fuel vehicles on the road and almost 70 million AFVs on sale today, the quest to buy green cars is gaining poularity. If someone wants to learn more about AFVs and buy or sell one, it can take days to figure out where these care are listed amongst the myriad of options. GreenCarDepot.com (www.greencardepot.com) is a one-stop maketplace for buying and selling AFV's, and a hub for information and industry-related parts and careers.

The Benefits Of Having A Custom Designed Website
Credibility & Brand Building

Web Hosting - Finding Cheap Web Hosting in Australia
The term ? web hosting ? is used for the business of providing a space or server and maintaining files for one or more websites on the World Wide Web Web hosting is sometimes also termed as web site hosting

Boomerang, Dont Ricochet your Web Site Visitors
You don't win your Web site visitors' trust right away. It may take from 4-7 visits before they buy.

Wedding Photographer to the Stars, John J. Unrue Launches Wedding Stock Website
Journalistic wedding photos are now available to savvy online and offline editors and web designers in the $70 billion wedding marketplace where stock imagery has become a commodity of the evolution of digital technology. Award-winning photo journalist John J. Unrue has launched www.unrueweddingstock.com, a creative stock photos website that focuses on cutting edge wedding images. Unrue works with a core team of professionals at John J. Unrue Photography to support his premium photo journalism efforts for wedding photos, celebrity photos, green weddings, and other professional photography ventures.

ReachForce Launches New OnDemand Product to Drive Leads from Website Visits
New ReachForce Software-as-a-Service analytics offering drives proactive leads for B2B marketers

Pixel Bridge Works With Anika Therapeutics to Launch New Website
Pixel Bridge, a Boston-based interactive marketing and Web development firm recently announced the launch of a new website for Anika Therapeutics - www.anikatherapeutics.com. Anika Therapeutics (NASDAQ: ANIK) develops products that address the fast-growing joint health, aesthetic, ophthalmic, veterinary and anti-adhesion markets. The company worked with Pixel Bridge to plan, design, develop and implement the new site.

Improved Benefitscheckup® Website Helps Seniors Quickly Find Benefits
The National Council on Aging (NCOA) announced the unveiling of a new, more user-friendly BenefitsCheckUp® Web site. The new site also recognizes financial partners and supporters.

The No-Work, Money-Making Website
While growing up on the farm in North Carolina, I loved gardening. There was something magical about planting a dollar's worth of seeds, watching them germinate, and then feeding the family for an entire season with my efforts.

How To Start Your Internet Business
Starting an internet business may not be as hard as you think it is. You don't have to be a computer whiz or a professional copywriter to start an online business.

Quantum Integrations Announces Launch of FacultySource - A Niche Job Search Website Specifically for Postsecondary Education
There is a significant shortage of college level instructors in many areas of higher education. To meet this need, Quantum Integrations has launched FacultySource. Now, all sectors of postsecondary education (career schools, community colleges, universities) as well as professional training organizations can select from trained and qualified instructor candidates to meet their hiring needs easily and efficiently through FacultySource's website.

The use of PHP and MySQL
Both PHP and MySQL are popular web hosting applications. It is safe to say that both PHP and MySQL are essential components when it comes to running the popular Content Management Systems. A prime example of the popularity and the essentialness of PHP and MySQL can be seen within Wikipedia. This is because wiki runs on what is known as Mediawiki software; this software is wrote using PHP script and uses a MySQL database.

Learn The Five Key Steps To Getting Free Publicity For Your Internet Site and Products
1) Website FocusMake sure your site is focused on a specific category of products. I cannot stress this enough.

Do You Know Who You Attract to Your Web Site?
There are five types of people that browse the web: (1) Specific Information Seekers (2) Current Information Seekers (3) Bargain Hunters (4) Entertainment Seekers, and (5) Specific Buyers.When you identify the type of people you want to come to your website, or the type of people coming now (for those who already have a site), as well as what gets them there, what keeps them there, then and only then can you design your site to attract the type of visitors you want.