Friday, April 27, 2007

cute technique for decrease loading time of web pages with multiple images

This post is really to highlight the following article which describes a clever (read CSS magic) way to download one image and display multiple ones.

This news maybe old for some, but I'm keeping track of it, I'm sure I'll make use of it.

So, what's all about: if you have 30 images (small ones, like icons) to display in the page, what to do: create one big image out of them, then use the background attribute of the img tag to specify the same image and assign CSS class of each of the img tag which will split the big image and get what you want.

Clever, though it is best suited for icons. But it will for sure decrease the loading time of such pages. The first thing it came to my mind when seeing this is that the idea could be well appllied to the online editors (FCKEditor, my currently favorite).
Post a Comment

Disclaimer: The information in this weblog is provided "AS IS" with no warranties whatsoever, and confers no rights to any institution/person/organization. These are my personal thoughts and ideas. When I am inspired by others I give credit, I do not assume other's work and efforts. This site is NOT supported, approved, blessed etc. by Lotus Software and/or IBM Corporation.

Creative Commons License

This work is licensed under a Creative Commons Attribution 3.0 License.