reduce image size

As you may know all successful web sites are made with visitors in mind. There are so many website elements that will (and should) be customized in order to make you visitors happy. Website content, the amount of relevant and accurate information, eye catchy design, incorporated audio and visual effects are simply some of the mentioned elements. These are well discussed topics and lots of professionals can argue about all of them, what they should and should not to complete and steer clear of common traps and mistakes.One of usually omitted topic is the webpage load time. With fast Net connection that should not be a real problem, but most of us tend to quickly forget people that are still using dial-up. If your webpage is graphically rich, and your graphics aren't well optimized, it may be an annoying experience for the visitors with dial-up. What in case you do to increase your webpage load time? There are several things that you can change that may raise your webpage load performance. One of them is quick and simple to implement (if it is not already done) reduce image size undefinedundefined: Divide your large image into several smaller images and bring them together. By doing this, instead of 1 large data stream that loads your single image, you could have several small data streams that are loading simultaneously. The physical location of one's website images is important. Usually, overseen mistake is usage of same image files from different locations on your own website. Check following example with logo.jpg image: Page1.Html has Page2.Html has Example like above may be worse if you have the same image on several different locations because you are not reusing your images. If your images are centrally located and merely a single copy exists for these, (ALL OVER YOUR SITE, not only each page individually) each image is loaded only once when visitor hits your website first time. All the instances of the same image are loaded from visitor's machine cache, producing less network traffic (which does take time, especially on dial-up connection) and faster web site load. Besides dividing your large image files into smaller chunks and reusing of one's images you are able to optimize your images for faster load times. Currently, the most commonly used image formats are Jpeg and Gif. Each of them may be reduced in dimensions with some simple tricks. The JPEG file format (Joint Photographic Experts Group) is made to compress photographs or images with continuous-tone color, like a color gradient. JPEG format supports 24-bit color (millions of colors) and preserves the broad array of color and subtle variations in hue that characterize continuous-tone image. To optimize Jpeg image you are able to: Work with a preview option in your graphic programs to compare difference in final file size with different compression levels Implement little blur effect because Jpeg format "likes" images with softer edges, fewer details and fine shades If your image contains large aspects of flat color, sharp detail (such as small type), or if you need to preserve true transparency, you should use the GIF file format. To optimize GIF image you are able to: Reduce somewhat depth in image. Gif image supports around 256 colors. Many images may be displayed with less color, without sacrificing the standard Crop all unnecessary white areas in the background. Gif format supports transparency, so use it freely! One general advice for all web site image types: Reduce how big is your image (if you are able to of course) Small the image, the faster it loads reduce image size.