Since you may know all successful the websites were created with visitors in mind. There are so many website elements that may (and should) be customized so as to make you visitors happy. Website content, the total amount of relevant and accurate information, eye catchy design, incorporated audio and visual effects are just some of the mentioned elements. These are well discussed topics and plenty of professionals can argue about each of them, what they will and shouldn't to accomplish and how to avoid common traps and mistakes photo size converter in kb.
Among usually omitted topic is your webpage load time. With fast Internet connection that will not be a real problem, but many 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 might be an annoying experience for the visitors with dial-up. What in case you do to speed up your webpage load time? There are numerous things as you are able to change that may boost your webpage load performance. One of them is quick and an easy task to implement (if it's not already done):
- 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 may have several small data streams that are loading simultaneously.
The physical location of your website images is important. Usually, overseen mistake is usage of same image files from different locations in your 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 many different locations because you're not reusing your images. If your images are centrally located and only 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 site 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 page load.
Other than dividing your large image files into smaller chunks and reusing of your images you can 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 size with some simple tricks.
The JPEG file format (Joint Photographic Experts Group) was created to compress photographs or images with continuous-tone color, such as 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 can:
- 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 regions of flat color, sharp detail (such as small type), or if you want to preserve true transparency, you should use the GIF file format. To optimize GIF image you can:
- Reduce a little depth in image. Gif image supports as much as 256 colors. Many images may be displayed with far less color, without sacrificing the quality
- Crop all unnecessary white areas in the background. Gif format supports transparency, so use it freely!
One general advice for many web page image types: Reduce the size of your image (if you can of course) Small the image, the faster it loads photo size converter in kb.
No comments:
Post a Comment