steanet Posted October 9, 2003 Posted October 9, 2003 Are there any ways i can get pictures to download faster on my website? right now i am just posting them as jpegs and they are taking FOREVER to download. any suggestions - different file types, etc. - to make this work better? thanks Quote
TCH-Don Posted October 9, 2003 Posted October 9, 2003 You did not show a link, so I will be general. jpg images are the best for photos, and if the graphic program you use to save them will let you adjust the compression or quality, try lower quality or more compression. For me photos are just to show others and NOT to be good enough for them to print, so I compress a 300x225 to around 10k, and they do show a small amount of artifacts, but not enough to bother anyone. For larger images such as 500x??? try to get them down to at least 30k. Although I think that is too large. If your graphic program is not easy to reduce the quality, try *http://www.irfanview.com/ for a free program. Let us know more details, and we will try to be more helpful. And of course Welcome to the Family Quote
shakes Posted October 9, 2003 Posted October 9, 2003 another thing to remember with images and web pages is ... the actual size of the image should be equal to the size it will be when displayed. a lot of novice web designers will take a picture from their digital camera, that has a resolution of 1024x768 ... then insert an image tag that sizes it down to 640x480 or something. When you use the image tag to resize your images, the browser must still download the entire larger image and then resizes it locally. So if you want a image to show up as 300x200 on the screen ... make the source image 300x200, thereby making the filesize smaller, and they load quicker. just to get your bearings ... a typical jpg coming off a digital camera can be about 1 meg ... an ideal image size for the web is 10k-100k ... oh, and it helps if you're viewing the page on something faster than a 28.8 modem connection. Quote
TCH-JimE Posted October 10, 2003 Posted October 10, 2003 Hi, If you provide a link to a page your talking about, we can take a look and hopefully give you some explination Jim Quote
steanet Posted October 10, 2003 Author Posted October 10, 2003 the address is www.stea.net right now i think the only picture i have up is the one i am using for background on the main page. i have put smaller pics up and they take a long time also. Quote
shakes Posted October 10, 2003 Posted October 10, 2003 your problem is exactally what my previous post was talking about. the actual image on the ccat_main.html page is 2048x1536 and the file size is rather huge (i'm guessing over a meg as my browser is only downloading a quarter of theimage and it's 300kb) the image tag in the HTMl is making this image display at 266x199 ... but the browser still has to download the entire larger image before it can display the image at the smaller size. the solution is to resize the original image to however big you want it to be when it's shown on the page. The filesize for an image this size should be around 10k or less. remember, just because you tell the image tag to display the image at a certain size, it doesn't make the image that size ... the image doesn't change. there's nothing wrong with total choice, nothing wrong with the bandwidth, and nothing wrong with your code (other than being sloppy) ... everything is acting as it would be expected to considering you've put a one meg image in your webpage. Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.