Optimize Your Graphics For The Web

Heavy graphics cost you money and traffic. They cost you money because heavy graphics require both significant storage space and bandwidth.

Since your web host will usually give you a limited amount of storage space and a maximum data transfer allowance, heavy graphics can cause you to exceed those limits, in which case you'll have to pay extra.

Then, heavy graphics cost you traffic: put up a web page that takes more than 10 seconds to load, and your visitors will run away faster than you can say "back button". If you happen to be running an e- commerce website, you already know that traffic equals money, so heavy graphics will make you lose both.

Fortunately, there is a solution: you can optimize your graphics for the web. Your graphics should be in either .gif or .jpg formats (.gif works best for logos and navigation buttons, while .jpg works best for photographs.) The idea is to reduce the size of your graphics so that they take as few bytes as possible while retaining acceptable quality.

GIF bot
GIF Bot

This can be done using free on-line graphics optimization tools. One of the best ones out there is Gifbot, by Netmechanic (http://www.netmechanic.com/GIFBot/optimize-graphic.htm ). They have a user-friendly web-based interface that works like this: you upload your picture, they process it, and almost instantaneously they will give you several lighter versions of your graphic for you to chose.

Pick the image that takes the fewest bytes while still retaining and acceptable quality level. It is not uncommon to reduce the weight of a picture by up to 70% with no noticeable decrease in quality (especially if the image is in .jpg format.)

Another useful tip is to use thumbnails. Thumbnails are miniature versions of a picture that are hyperlinked to its actual size version. The thumbnail will load fast, and by clicking on it your visitors will be able to see the actual size version.

Also, it is very important to specify the width and the height of your pictures in your HTML code. Since the text of your page usually loads faster, if you don't specify the width and the height of your pictures the browser will have to reposition the text once the pictures load, consuming more time. If you take the time to specify the width and heigth of your pictures, the browser will lay out the text where it should go from the beginning, even before it loads the pictures, saving time.

Use all these techniques and you will have a faster loading website, while you will save more of your storage space and data transfer allowance for that useful content your visitors are always looking for.

Optimize Your Graphics For A Fast Loading Site
Heavy graphics cost you money and traffic. They cost you money because heavy graphics require both significant storage space and bandwidth. Since your web host will usually give you a limited amount of storage space and a maximum data transfer allowance, heavy graphics can cause you to exceed those ...
Make your Web Page Loading Fast
This article will tell you everything you need to know to get your webpage loading at maximal speed. The author gives you nine ways to increase your speed, and he tells you how to make the necessary changes to get very fast load times.
Make It Snappy!
Surfers get irritated with slow sites, so learn how to optimize your images to make your site lightning fast. A common mistake in web site creation is to become soooooooooo excited about the creation, and add so much great detail and care to your graphics that you forget that...
Your Graphics- Are They Really Working For You?
It
How to Optimize Website Graphics and Photos?
Eight seconds
Decrease Website`s Load Time
Many webmasters get caught up in the design and creation process that they forget that visitors will have to download all of it. Forgeting to optimize your code and graphics for your site will increase your websites load time and will determine future visits. In order to keep your site in peak ....
Optimizing Your Web Site To Load Faster
Is your website taking forever to load because of all the heavy graphics youre using? How long does it takes for a modest DIALUP user to wait patiently for a website to completely load up on his/her browser? 60 seconds? 30 seconds?
Is Your Site Too Slow? Why Image Optimization Is Critical When You Create A Web Site
Graphics are fun, but if you put in too many bells and whistles when you create your web site, you may lose a potential audience whose Internet connection can
Avoid Graphical Overload
When designing a website, its easy to start loading it up with graphics. While tempting, you have to resist -- otherwise, youll end up with graphical overload.
Easily Design Your Own Graphics for Your Business
Perhaps you have a website, but youre just not totally happy with the graphics, or you havent any graphics at all. How do great looking graphics improve my business? Arent professional graphics expensive? How do I create graphics myself?