iSnare.com - Free Content Articles Directory
Authors Contents [Advanced Search][Add OpenSearch][Job Search]
Distribute your articles to thousands of article sites for only $2 and below! Read more...

Index  Internet
 

Optimizing Images For Web Pages

 
[ Contact the Author] [ Send to a Friend] [ Article Publisher] [Make PDF] [ Print] [ Bookmark & Share]
 
Read our Terms of Service before reprinting this article. The submitter specified above has claimed the rights to this article.
Jane Lake

If you want attractive, fast loading pages on your web site, then you must optimize the images that you use. Optimizing essentially means finding the right balance between image file size and image quality. There are various ways to do this, and here we'll discuss some of the common options.

Reduce the Image Quality:
Although this sounds like a disadvantage, it actually is not since digital pictures usually have a far higher resolution than any computer monitor can display. By reducing the resolution, or the number of pixels displayed per square inch (dpi), you can effectively optimize the image for both display and download purposes.

Crop Images:
Photos and other graphics often have more surrounding detail than is needed for your purpose. Zero in on the subject of your picture by cropping away any unnecessary white space or clutter. This will reduce the picture size (and load time) while focusing the visual impact directly on the subject matter.

Resize Images:
This one is easy. Why post a huge photo on a web page when a smaller one will serve just as well? Just resize the height and width of the photo in whatever graphics program you use on your computer before uploading it to your server. Do NOT simply reduce the height and width dimensions in your html code as this continues to use the huge file size and merely displays it in a smaller area of the page.

Image Optimizing Tools:
There are some excellent tools available for optimizing images, and one of the best is Irfanview, at http://www.irfanview.com, a free download that enables quick and easy image compression, cropping and resizing.

If you have Adobe Photoshop, you might want to read the optimizing images tutorial at http://catalyst.washington.edu/catalyst/how-to/scanning/minimizeImages.html which has excellent step-by-step instructions.

There are also free online tools. Netmechanic offers free sample use of GifBot, at http://www.netmechanic.com/products/GIFbot_FreeSample.shtml, which displays optimized versions of any image you upload, ranging from 90 percent down to 10 percent compression. MyImager, at http://www.myimager.com, is an online image editor with many different effects options, plus the capability to reduce colors in gifs and reduce quality in jpg format. There are many others - just search for "online image optimizer" in Google for more options.

One caveat - never optimize the original image!
Save a copy instead, and optimize that version so the original is always available in the future if you need it again.

Re-Using Images:
A common mistake among web hosting beginners is uploading the same image into multiple image folders. If your web site has several different directories, each with its own image folder, it might seem logical to upload the logo.gif into each image folder and call it into a page with a link relative to that directory. But consider - if you do this, then your server must reload the logo image every time a visitor moves from one directory on your site to another. Instead, use the same image path every time you use the image. That way, the server loads just one image which is then cached on the visitor's computer and re-used for each page that displays it. This can greatly improve page load time if you have a number of common images, such as a logo or menu buttons.

Choose the Right Image Format:
Most web images are created as either gif files or jpg (or jpeg) files. There are pros and cons to both. Basically, gifs are best for simple graphics or line drawings. They can be created with a transparent background or used in simple animations and are often optimized by reducing the use of colors. The jpg format is better for photographs or full color images, but cannot be animated or used with a transparent background. For more detailed information on this topic, including side-by-side sample images, read David Eisenberg's informative article, "Why Good Images Go Bad - A Guide to Effective Use of Images on Your Website" at http://www.catcode.com/imgguide/index

Important NoticeDISCLAIMER: All information, content, and data in this article are sole opinions and/or findings of the individual user or organization that registered and submitted this article at Isnare.com without any fee. The article is strictly for educational or entertainment purposes only and should not be used in any way, implemented or applied without consultation from a professional. We at Isnare.com do not, in anyway, contribute or include our own findings, facts and opinions in any articles presented in this site. Publishing this article does not constitute Isnare.com's support or sponsorship for this article. Isnare.com is an article publishing service. Please read our Terms of Service for more information.

Jane Lake is a writer on the HostNexus Site Development team. Her own website, AllFreeCrafts, at http://www.allfreecrafts.com, offers hundreds of original free craft projects which include photos (and optimized images) of the finished craft plus detailed how-to instructions. This site is consistently at the top of Google searches for free crafts and is one of many successful sites hosted by HostNexus at http://www.hostnexus.com
Article Tags: image [See Dictionary], images [See Dictionary], web [See Dictionary]
Got a question about this article? Ask the community!
Article published on August 07, 2006 at Isnare.com
 
Rate [Ratings: 5 / 5] [Votes: 2]

Make Money From Google Adsense
Submitted by: Stephen Ng

Learning how to make money from Google Adsense is probably the easiest way to make money online It is made possible when Internet giant Google began their Adsense service in March 2003 and quickly became the biggest force in online advertising...

How to Make a Money Tree
Submitted by: Stephen Ng

Before I discuss on how to make a money tree, it is important to touch on why many people are sceptical and always wondered on the subject can you make money online...

How CloudBerry Online Backup Works
Submitted by: Jason Kay

CloudBerry online Backup is designed to leverage Amazon S3 Storage and provide a powerful backup and restore system that is there if you need it...

Finding High Quality Links to Promote Your Website
Submitted by: Jason Kay

One of the best ways to promote your website is by finding high quality links This type of site promotion is known as link popularity...

What is Local Search SEO?
Submitted by: Stephen Logan

Well, the easy answer for this is that Local Search is a facet of search engine optimisation (SEO), which specifically targets your geographic locality...

Be Prepared For Affiliate Marketing
Submitted by: Ahmet Dagseven

If you are looking for a way to make money online then the chances are you have heard about affiliate marketing, in one form or another...

Are Online Business Web Directories' Information Copyright Protected?
Submitted by: Adriana N

The issues surrounding web content and copyright laws can often be confusing There are a variety of different opinions about copyright laws with many of them being incorrect...

How Can a Business Directory Help in Generating Sales Leads?
Submitted by: Adriana N

For any business, generating quality sales leads has always been a challenge It is the responsibility of every business to generate their sales leads...

How Can Online Business Directories Be Used For Your Business Exposure?
Submitted by: Adriana N

Businesses are always looking for ways to drive more traffic to their websites The key to acquiring more traffic is to get as much exposure as possible...

How Do You Find Local Online Business Directories in Your Area?
Submitted by: Adriana N

As more people have made the internet an important part of their daily lives, businesses have increased their online presence in order to reach their targeted customers...

How Much You Need to Pay For Domain Redemption
Submitted by: John Khu

At times, people may simply forget to renew their domain names on time It is possible that the owner simply neglected the importance of renewing the domain name...

Making Money Online With Expired Domain Names – Some Practical Ways
Submitted by: John Khu

As an internet entrepreneur, you can make money in several ways Expired domains are few of the tools that can help you create enough online income...

How to Get Google Page Rank?
Submitted by: Jack Wylde

Making the most of Google’s page rank can totally bring your business or website to the forefront This is immense with a lot of toolbars and page rank facilities that can now work with Google rank escalating for many website owners...

Free Online Games Help Release Stress
Submitted by: Sergie Jordan

It's a fact that online games can help release stress However, there are many different types of online games that you can find on the Internet...

Tips to Increase Your Rankings and Traffic
Submitted by: Blake Evans

In this article, we will tell you about the ways to get a good ranking for your website and a continuous flow of traffic...

Isnare.com Footer Divider

© 2004-2009. Isnare Free Articles - An Isnare Online Technologies Free Articles Project. All Rights Reserved.   Privacy Policy