|
|
| Webmaster Articles |
|
|
|
|
Web Site Optimization: How To Speed Up Your Web Site By Minimizing Your GIF and PNG Image "Bit-Depth"Andy King 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 youll 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
Multimedia: Use Lossy Compression for Smaller GIFs and PNGs http://www.websiteoptimization.com/speed/tweak/lossy/
Multimedia: Use Weighted Optimization
Optimizing Web Graphics
PNG Home Site
| | | | RELATED ARTICLES Flash Deadly Sins that can kill your web business Looks like every client wants a Flash site these days but the reality is...as flashy as these sites may look, there are many negatives you may want to consider before delving into Flash. Keep Them Coming Back - Update Your Site If you are anything like me, your website is a reflection of yourself. It contains your thoughts and communications, exposed to the entire world at all times. Look at virtually any non-commercial web site and you will get a glimpse at the person behind the monitor. Image Formats-GIF, JPEG, BMP When browsing the internet you are likely to come across many different image formats. However, the most common formats are: CompuServe GIF, JPEG, and Bitmaps. Be the King of Your Domain So there you are. You’ve got a topic that you really love. You’ve done your research. You’re ready to start your new website. As good as it is, you’re certain to get traffic and tons of sales. All you need to do now is register a domain name and start designing the site to end all sites! The Meta Tag Myth The more the better right Wrong. At least when it comes to meta tags. The history of the meta tag started off as a nice tool that web sites could use to show the search engines what the site was about without the words showing up on the actual page. It seemed like a great idea until people started to abuse the meta tag. They would add highly searched for keywords that were unrelated to their site in their meta tags in hopes of attracting additional traffic. The search engines caught on and lowered the importance of meta tags - they figured out that if they put more emphasis on the visible content of a site, people would have a much more difficult time “cheating”. Turns out that they were right. Building a Church Website Have you been asked to build a website for your churchBuildingThere are thousands of people building websites everyday.It is becoming increasingly important for many small organizations and groups to build their online presence.This helps in getting their ideals, goals, and mission out to the general public.Therefore at an increasing rate many of us with computer skills are asked by organizations to put together a website.This happened to me about two years ago when the school I worked at asked me to build a website for them to help advertise their special arts programs. Beyond Web usability: Web credibility Web usability: Its old news Avoid Getting Ripped Off By A Hosting Company... Chances are if you host multiple domains or websites you are spending too much money at your current hosting provider. Other hosting companies increase their profits by forcing you to create an additional hosting account every time you want to host a new domain or website. Let’s say you have five 5 websites and they each cost you $10.00 a month. It is obvious you are spending $50 a month to host those five 5 websites, but did you know that you are getting ripped off Screen Scraping Your Way Into RSS Introduction The Topic Of Your Website The first thing you will have to deal building your website has nothing to do with the web design itself, its me related to content writing but it must be defined and will effect the rest of your actions. So first of all you need to decide what the topic of your future website is. Topic is very closely connected to another web design issue: keywords. The keywords you select will depend upon the topic you have chosen. When thinking about website topic ask yourself a few questions: What is the goal of the site you are making What are you trying to achieve with your site. Specify a goal, preferably in one short sentence. All About Google If you read The Search Engine Showdown at www.abalone.ca/resources/searchenginetest.html, you know Google is my favourite search engine. Why Google always offers the most results for any given search they currently have over 8 billion pages indexed, its faster than the Audi Quattro we test drove this morning, and 9 times out of ten, in my experience, all the front page results are relevant to my search. In fact, I usually find what Im looking for within the first few sites listed. I also really respect the fact that two college kids started it kinda like Abalone! and that those two college kids seem not to have forgotten where they came from. If you check out the images at Googles press center http://www.google.com/press/images.html and scroll down to the Everyday Life Inside Google section, youll get a feeling that life at Google is fun. How to Create a Professional Website In Less Than a Week Heres a really simple way... any novice can create a fully functional website in less than a week. Optimal Website Design The idea behind good website design is to offer your viewer a logical flow while making it interesting and easy to navigate. The Five Rules Of Influential Web Writing Building a professional reputation requires a campaign founded on your words: the positions you endorse, the motions you advocate, the accuracy of your vision. Writing for the Web can either establish your expert credibility or destroy it. In Search of Webhosting: First Understand the Industry In search of a webhosting company for personal or small business purposes We advise you to take a look at this article to understand the hosting industry and study its dynamics to know what to look for before you make your choice. The Basic Facts About Business Web Hosting There are a number of hosting options, from free to dedicated servers. Let’s spend a few moments and look over the options. Web Hosting: Which Is The Host With The Most So you want to publish a web site do you Welcome to the club. These days it seems that almost everyone has a web site of some kind, and thousands more continue to be launched every day. Its challenging enough to design a site and fill it with interesting content, but when all is said and done another challenge still remains - where to host it Color Psychology for webpages Colour is an aspect of a website that is often picked haphazardly and without any thought from a beginner web designer. The lesser known quality of the colour of a website is that it can greatly affect the mood of your visitors. It is because of this that a websites colours need to be picked carefully. Thinking About Changing to a New Web Hosting Company 5 Steps to Plan Ahead for the Move Perhaps your web hosting company has a technical support group that never answers their email, or their control panel is difficult to use. Maybe your website has been having more downtime than uptime. Whatever the reason you are thinking of switching hosts, make sure you have your ducks in a row before making the move. Bulk Email, Spam, and Email Marketing Excerpted from PlanetLinks Enews - an email newsletter delivered for FREE to your computer. To subscribe, go to www.planetlink.com |
| home | site map |
|
|