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? Are you able to capture your visitor’s attention in the first 10-15 seconds that they are on your site?

All of these problems can be caused by an improperly optimized web page. In other words, the page loads too slowly and your visitor leaves before you have had a chance to hook them.

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.

A brief primer on image types

There are many image formats in common use on web sites, the three most popular being GIF, JPEG, and to a lesser extent Flash content. We will be limiting our discussion to GIF and JPEG images, with a specific focus on still images.

Each of these image formats has their strengths and weaknesses. GIF or Graphics Interchange Format was developed by CompuServe before the Internet boom as a way to share images on the CompuServe service. Due to limitations with screen resolutions and color depths at the time, GIF images were limited to showing up to 256 colors, more colors were imitated by Dithering, a process of fooling the eye into seeing one color by using 2 or more sets of color dots spaced too closely for the eye to distinguish separately.

Imagine a chessboard with black and white squares. When viewed closely we can distinctly see the individual squares, but if we back off far enough we will no longer be able to discern the individual squares and instead we will see one large grey square, the black and white squares merging together in our eyes to form one solid color. This is the concept behind dithering.

The JPEG file format on the other hand is a newer format that can handle millions of colors easily. The initial drawback to JPEG images is that they do contain many more colors, and each color requires some coding for display, making the file size larger.

Speeding up image load times

The main idea behind making an image load faster is to make the file size smaller. This can be accomplished in two ways, you can either make the dimensions of the image smaller, or decrease the amount of coding that is required to display the image.

The easiest way to reduce an images file size is to reduce the image’s physical dimensions. In other words, the smaller the image, the smaller the file size. Imagine an image that is a square 80 pixels by 80 pixels. The number of pixels contained in the image is 80×80 or 6400 individual pixels. If we reduce the image size by one half to 40 pixels by 40 pixels we then have 40×40 or 1600 pixels. So reducing the image size in half reduces the file size to one fourth of the original.

This is our First Principle of image file reduction: Use the smallest image dimensions that will work with your layout. And likewise the fewer images on the page, the fewer image pixels, therefore the smaller the page size.

Since GIF and JPEG image formats use different methods of saving image information, they tend to be better at showing some types of images and worse at showing others.

GIF images, since they are limited to 256 colors per image, are better at displaying images with large solid blocks of color and images with very small physical dimensions. The GIF format will produce smaller file sizes than JPEG for these types of images.

JPEG images are better at showing gradients or subtle changes from one color to another. Therefore JPEGs reproduce photographs very well, or any other image with gradations. The JPEG format will produce smaller file sizes for these types of images than the GIF format will.

This is our Second Principle: Choose the correct image format for the image you are using. Most web pages will contain a combination of GIF and JPEG images.

Decreasing the coding is called image compression. Both GIF and JPEG images can be compressed but the process is different. In GIF images we try to limit the number of colors, in a JPEG image we use software algorithms to remove redundant information from the file.

Whenever we compress a file we will lose some image quality. We have to reach a balance between a small file size and acceptable image quality.

This is our Third Principle: Find the least acceptable level of image quality. Most images can handle some compression with very little quality loss, and all images can stand more image quality loss and still be acceptable. Your job is to decide how much quality loss you can accept. In other words, the lower the quality, the smaller the file size.

GIF images can usually be reduced from 256 colors to 128 colors or less, the fewer colors used the smaller the file size. JPEG images can almost always be reduced to a quality setting of 80% and frequently can be reduced down to as little as 15-30%. So when you use a higher compression level (smaller number) the file size will be reduced. Experiment with the image, try smaller and smaller settings until you find the smallest setting that still displays an acceptable quality.

The fastest loading page will have no images and the slowest loading page will be completely filled with full resolution images. If you work towards controlling your images using the principles outlined above you will have a very lean web page that will load quickly and be viewed favorably by the search engines.

 The 7 Principles of a Successful Affiliate Marketer
There are certain affiliate principles that are common to all extremely successful affiliates. These principles are not plainly stated by these successful affiliates; rather, they are found as characteristics in their work, writings and interviews. I have synthesized these principles into a list I call The 7 Principles of the Successful Affiliate. It important to note that each successful affiliate closely and meticulously adheres to each one of these affiliate principles. Some of these principles may seem ridiculously obvious, but you would be amazed at how many affiliate marketers either... • don't know these principles (failure to read and study)....

 Apply These 6 Principles Of Internet Marketing And Start Generating Web Income
Generating income from the web can be achieved by putting into practice, on a regular basis, the basic principles of internet marketing.  Whether you are just starting out on the internet or you have been around for a while, these six principles of internet marketing, if applied consistently, can steer you in the right direction to generating an income from the web. It is important to understand at the outset that generating an....

 SEO and SEM Common Terms
SEO = Search Engine Optimization Search Engine Optimization is the process of scientifically tweaking a particular website's pages in order to get a good rank from major search engines for a competitive keyword or group of keywords. SEM = Search Engine Marketing Search Engine Marketing is one effective example Internet Marketing that involves search engine optimization. This involves planning and executing right methods to target and get quality traffic to a particular website and convert this traffic into sales or signups. SEO Specialist = Search Engine Optimization Specialist Previously called Search Engine Optimizers (SEO) but revised to SEO Specialist to give way and prohibit confusion....

 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....

 Search engine optimization guide
On Page Optimization - How to optimize your website for a certain keyword or phrase From the Day 1 guide you should have decided on which keyword or phrase you want to target. This guide will walk you through the process of optimising your website for your target word or phrase. There are various ways of doing this: - Meta tags - Title Tag - Body Text - Headings - Image alt text Meta Tags: Meta tags were used extensively by search engines in order to rank websites in the results, but nowadays they have very little or zero....

 SEO – What You Should Not Do
SEO is one of the economic ways to get your url listed on the top of free search engines. That is why SEO become so important. There are tons of guidance in SEO on the internet. But in the other hand, there are also misguidance in SEO. They always say to optimize, optimize and optimize your web page with keywords, without considering another factors like determining keywords or phrases keywords effectiveness, how many times you should repeating keywords on your page, etc. What I want to tell you is, that's not enough. If you want to get effective search engine....

 How To Stand A Chance In The Search Engine Optimization Maze
Despite all the other methods available for obtaining a decent web ranking for your website, for instance, link exchanges, search engine optimization or SEO is still regarded as the way to go to ensure that your website is listed high in the search engine rankings. Search engine optimization is a method of analyzing your site and modifying it to allow search engines to read and index it. Search engine optimization is about building and maintaining a website that will get ranked highly on the major search engines. SEO comprises of a set of techniques used in order to attract....

 Complete Website Ranking Optimization
Search engine optimization does not have to be complicated but it does require some work if you plan on having your Website in the top 10 on the major search engines. Many Webmasters want their Websites on the first page of Google, MSN and Yahoo when their keyword is put in the search. Search engine optimization does not have to be complicated but it does require some work if you plan on having your Website in the top 10 on the major search engines. Many Webmasters want their Websites....

 Principles of Creating A Good business Website
In fact it needs to perform many functions. Your business website is your office on the web where you will do your business.  It's got to be a store front, reception and sales person... everything. Therefore, your website should look professional and well done. Your business website is your office on the web where you will do your business. In fact it needs to perform many functions. It's got to be store front, reception and salesperson everything. It would become reflection of your business, the quality of your product, and your brand. Therefore, your website should look professional and....

 Inject Yourself into Your Content – Principle # 7 of Creating Compelling Content
As I look back on the posts that have connected most with my readers it is often posts in which I’ve shared something of my own personal story and experience that seem to draw readers into a deeper engagement. Sometimes it’s not what you write but who you are and the stories that you tell that seem to make content compelling. Many readers don’t just want information - they want an emotional connection and they want to know that someone real is on the other end of what they’re writing. To put it another way - Compelling content often is produced by compelling....

 10 Great Search Engine Optimization Tools for Your Online Success
10 Great Search Engine Optimization Tools for Your Online Success by: Milena Sotirova The Internet promotion of every company is related to the search engine positioning of the site. The positioning is important for your books, products and services to be easily found online. Search engine position is the place which a site takes in the search results for every search engine after performing search. The searches often are results of one or more words entered in the search bar. It seems simple to find where your site is by searching with the related keywords. For the search engine optimization being effective....

 If Only You Could Get More Traffic Your Adsense Earnings Could Explode
If only I could get more traffic! That's what I used to say every time I look at my adsense statistics. I think that I wasted hundreds, perhaps thousands of hours trying to uncover the mysteries of effective search engine optimization. That's why I think it best to utilize a ready made search engine optimization and submission tool. The price is right and the results are tremendous! Please try this now, for the sake of your own online business. And your sanity! SEO Traffic Tools is the most efficient, powerful, and completely automated way to promote your website to over 700,000....

 Keeping It Simple Is the Key for Optimization of a Website
It is the balance between the desire to have all the novel and cool features accessible on the Internet and the desire to make a website easy to use and to navigate, that differentiate a successful web designing. When web designing employs the menus and graphic motifs to move and fly around, when every available screen spot is maximum exploited, it becomes cumbersome for user to manipulate it. The websites need to be....

 The Factors that Play a Role in Your Web Site’s Ranking
Have you ever had a proposal, estimate or quote for search engine optimization work and wondered what goes into the pricing? What makes one site need more work than another? Why do some sites increase rankings faster than others? Why do some sites get more traffic from their top page ranking than yours? There are so many aspects of a web site that can decrease or boost your search engine rankings. Each web site is as unique as DNA and as such, will react differently to different marketing treatments What are these different....

 Selecting a Search Engine Optimization Company
A Search Engine Optimization Company can be an invaluable asset in your Internet marketing campaign. They specialize in knowing how to raise your search engine positions, monitoring those positions on the regular basis, and adjusting their strategies to account for undesirable results in any given month. Since this takes a lot of time, effort, and specialized knowledge, it can be in your best interest to go to an outside source rather than try to maintain high search engine positions on your own. However, like every business, there are good companies and there are lemons. Knowing the right questions to ask and the criteria to look for will help you in choosing....

Trackback URL for this post:
http://www.problogtips.com/the-three-principles-of-image-optimization/433/trackback/

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

No Trackbacks »