General discussion

Making images appear quicker on a web page

Hi all,
Bloody typical, posted a message yesterday, came back and everythings changed. Basically I've been building a little web site (first timer) to show people what I came across while on safari in Kenya on honeymoon. As it's not something you do everyday I took most pics on a high res on my digi camera,3m pix,
and as a result the pics are between 3.7 and 7 kb each. The homepage isn't too bad for diplaying as the pics are fairly small, but when you click the links for elephants or lions the subsequent pages take a while to appear as the files are so big. How can I reduce them significantly without losing too much quality? The only software I have is Adobe PhotoDelux Business Edition 1.1, can I change the pics in that, if so, how? How can I show an image that can be 'clicked' and then that image appears larger in another window?

Using Windows ME, IE6

Thanks in advance

Discussion is locked
Follow
Reply to: Making images appear quicker on a web page
PLEASE NOTE: Do not post advertisements, offensive materials, profanity, or personal attacks. Please remember to be considerate of other members. If you are new to the CNET Forums, please read our CNET Forums FAQ. All submitted content is subject to our Terms of Use.
Reporting: Making images appear quicker on a web page
This post has been flagged and will be reviewed by our staff. Thank you for helping us maintain CNET's great community.
Sorry, there was a problem flagging this post. Please try again now or at a later time.
If you believe this post is offensive or violates the CNET Forums' Usage policies, you can report it below (this will not automatically remove the post). Once reported, our moderators will be notified and the post will be reviewed.
Comments
- Collapse -
oops forgot the url if you wanna take a look
- Collapse -
Re:oops forgot the url if you wanna take a look
- Collapse -
Re:Re:oops forgot the url if you wanna take a look

It's the good tutorial, but I don't advise him to make a gallery manually. Happy There are special utilities for this purpose. I have tested some before I have stopped on one of them. This tool can fast create a nice gallery and also can reduce the size of images as you wants. It's long-named as "12345 Good Photo Gallery Wizard". You can found it here: http://www.12345-wizard.com . I use it myself and highly recommend it.

- Collapse -
Re:oops forgot the url if you wanna take a look

A bit late in the day as I am just reading through this forum for the first time today. I'm playing with getting off my butt and making a website. Your problem is very common with many others. Re-size your pic to the display size and reduce the colour density to, say, 256 colours. You will surprised at the lack of loss of definition. Do this and the pic will take up 13% of it's current capacity.

- Collapse -
Re:Re:oops forgot the url if you wanna take a look

It's very bad idea to reduce the amount of colors...
Simply reduce the sizes of images and use the .jpg image format with higher compression (about 90-95 of 100).

- Collapse -
Re:Making images appear quicker on a web page

Michael, your pictures appear to be full sized 1600x1200, and more, that have been resized by your settings in the IMAGE tag.
One is about 400k, and another is 600k. Very slow downloading.
You really should resize your original images to the dimensions you want, then save a copy and use that on your page. Your elephant picture, when resized here is about 19k.
Hope this helps.

- Collapse -
Re:Making images appear quicker on a web page

If you are building in FrontPage, or any other builder, you should be able to right-click on the image and select image properties. From there, you can compress the file. Select JPEG and set the quality to around 90. That will make the image much much smaller.
If you need any more web building tips please check out my site at www.computercentral.co.uk- im adding new bits and bobs evey day
Simon Tarr, Aged 15, Diss, Suffolk

- Collapse -
Re:Making images appear quicker on a web page

I cannot read your site. Your text is yellow on a white background! Links are transparent!

Graphics should be optimised to reduce the file size. I use 'Save for Web' on Photoshop and set the level of optimisation from there. I also set the size of the image so that it will fit into an 800 x 600 screen. Both of these activities will result in a smaller file size and so will permit faster dowloads.

- Collapse -
Re:Making images appear quicker on a web page

In Photo Deluxe click on the Advanced tab, then the
Size tab and finally Photo Size. You will see in the window that pops up the size of your photo and the resolution. I would suggest lowering the resolution NO Less than 72. You will be able to change the size using either inches, pixel or percent and see the results before saving your photo. After making your changes, save upload it to your server.

Regarding post from another reader on your background.
You have the following error in your html...
<body background="C:\My Documents\My Pictures\blue.JPG"
This should be
"http://homepage.ntlworld.com/michaelkirby/blue.JPG"

When someone visits your page they are seeing a white background because your blue background image is linked
from your My Documents folder on your computer. Change
this line and make sure the blue.jpg is uploaded to your server and things will be fine.

Now I'm off to see your photos, hope this helps you.

- Collapse -
Re:Making images appear quicker on a web page

Hi,

My company is about to launch software that does approximately what you describe. Our product, codenamed 'Pixely' is a small application you run on your internet connected PC. You point Pixley to the image directories you want to have on your album pages and, when requested Pixley creates webpages on the fly resizing your pictures so that viewer sees medium sized thumbnails and when they click they see a bigger size. It also lets you see a slide show of images and download the full resolution versions if you want.

Pixley is a mini-HTTP server so your friends use a standard broswer to view your albums.

It's similar to P2P in that you utilize your own computer's storage, processor, and internet to make the pictures available to your family and friends.

As I said this FREE tool will be launched shortly.

To be notified about release schedule please send an e-mail to pixleybeta@younevercall.com

regards,
sam.

CNET Forums