I know my site is loading slowly due to the size and number of images. I'm currently using thunbnails dynamically and want to know if the only way to make this faster is to have two copies of each image. One being the thumbnail and the other being the full size image. If you don't know what I am refering to, just visit my Gallery right now and see how slow some of the pages take to load. The only iamges stored are full size and the thumbnails are created from the full size images when you enter the page. I think I know the answer to this one; but, want to hear form others in case I missing something. ------------------ Stourbridge Lion stourbridge_lion@yahoo.com Delaware and Hudson Virtual Museum
I use thumbnails, and reduce the colors to 256 or even 16 on some. It helps alot. If you go to Website Garage, they offer a free tuneup to speed up page load time and have an image compressor to shrink your thumbnails even smaller.
I would use a sepperate image for the thumb and one other for the "big" image. Reduce the file size of the thumb and you should also reduce the file size of the larger image too, but not as much, for sake of quality. I go here to reduce file size: http://www.netmechanic.com/accelerate.htm don't forget to include image height and width attributes in the thumb's img tag <img src="URL.jpg" height="##" width="##" border="0"> border="0" is needed on all image/links regardless of if it has a border or not. (I tried leaving it out once on a webring, the rings webmaster told me it was messing up the images on certain browsers) ------------------ espee2 Home: www.tunnel13.com layout: SP's Newberg Branch in N scale [This message has been edited by espee2 (edited 06 June 2000).]
I knew about the height and width, but didn't know about the border=0 on all images. Back to the drawing board. Still doing my 100 td-tr's . ------------------ Jim Harrawood Utah Rails
<BLOCKQUOTE>quote:</font><HR>Originally posted by espee2: border="0" is needed on all image/links regardless of if it has a border or not. (I tried leaving it out once on a webring, the rings webmaster told me it was messing up the images on certain browsers) <HR></BLOCKQUOTE> No you dont. Its only with some webring codes that they have an automatic spider that poles your site to check you have their code on the page.. I have heaps of images on my page without border= and not a problem with IE, Crashscape, Opera... Height and width sped up the loading, and it works.. but dont use it if your trying to make alarge image look like a thumbnail.. It dont work well... create another image thumb size and use that instead. click on that and another window opens up with the full size image in it. I think this looks the best. HTH...
I always use a separate image for a thumbnail. My HP scanning software allows me to set the size of the image and select 1 inch for one dimension and the other is calculated automatically and is about 1.6 inches. I then save it as a jpeg at 50%compression. The same picture is re-scanned to make the full size image and I save it as a jpeg at 75%compression. Robin .
I will agree with most of the posters, and expand the information. I too use seperate images for my thumbnails. My imaging software has a sizing function that allows you to shrink the image. To keep it simple, I reduce the image to 20% of its original size, and add a "t" to the end of the file name. By doing this, the thumbnail for a 640x480 200k image becomes between 5k and 10k. It takes a little extra time, but makes the site more "user fiiendly". www.trainweb.org/KernJunction
<BLOCKQUOTE>quote:</font><HR>Originally posted by virtual-bird: No you dont. Its only with some webring codes that they have an automatic spider that poles your site to check you have their code on the page.. I have heaps of images on my page without border= and not a problem with IE, Crashscape, Opera... Height and width sped up the loading, and it works.. but dont use it if your trying to make alarge image look like a thumbnail.. It dont work well... create another image thumb size and use that instead. click on that and another window opens up with the full size image in it. I think this looks the best. HTH...<HR></BLOCKQUOTE> I'm sure I didn't make myself clear, I said "image/links" that is, any image that has a link attached to it, not just all images. I also heard this advice from a tech. at NameSecure he said to a friend of mine to add the border=0 to all his links (images with links)...two technitions advice is enough for me... Yes, I would reduced the image first, to the size you wanted, but it is VERY neccissary to put height and width attributes on ALL images on your page... this sets up a "reserved space" for the browser, to know ahead of time how much space to "reserve" for the image, the page will then load all non graphic content, while it is still retrieving the images from their respective servers. you may also want to include an "alt" attribute in the image tag too for browsers set with graphics off. ------------------ espee2 Home: www.tunnel13.com layout: SP's Newberg Branch in N scale
Absolutely yes on 2 images. There are a number of thumbnail generating pieces of software where you can put all images in a directory and it will shoot the HTML out for you to pop into the page and resize the images. I have a piece of software that does this but I don't use it too often. Charlie
On my pictures page of my website I used thumbnails (Front page 2000) then link the picture to it. This way the page loads faster, on all my other pages i try to limit 4 pictures per page ------------------ http://members.optusnet.com.au/~pcassar/index
I went for thumbnails that came in around 10K in 120x80 format, and split the pages up into more manageable sections. They are simply reductions of the full-sized pic in jpg format. It seems to work well for me. Gary. ------------------ Gary A. Rose The Unofficial TC&W page N to the Nth degree!
