Web Hosting, Design, & Coding forum

General discussion

Making images appear quicker on a web page

by ghostcat / October 21, 2003 8:43 PM PDT

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
You are posting a reply to: Making images appear quicker on a web page
The posting of advertisements, profanity, or personal attacks is prohibited. Please refer to our CNET Forums policies for details. All submitted content is subject to our Terms of Use.
Track this discussion and email me when there are updates

If you're asking for technical help, please be sure to include all your system info, including operating system, model number, and any other specifics related to the problem. Also please exercise your best judgment when posting in the forums--revealing personal information such as your e-mail address, telephone number, and address is not recommended.

You are reporting the following post: 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.
Collapse -
oops forgot the url if you wanna take a look
by ghostcat / October 21, 2003 8:48 PM PDT
Collapse -
Re:oops forgot the url if you wanna take a look
by MCG / October 21, 2003 11:16 PM PDT
Collapse -
Re:Re:oops forgot the url if you wanna take a look
by critter_bk / February 25, 2004 9:16 AM PST

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
by curlew / February 1, 2004 8:10 PM PST

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
by critter_bk / February 25, 2004 8:52 AM PST

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
by radean / October 22, 2003 2:50 AM PDT

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
by tarrtarr / November 28, 2003 5:39 AM PST

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
by Partyman / February 1, 2004 3:12 PM PST

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
by Blumer / February 8, 2004 8:10 PM PST

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
by samm27 / February 8, 2004 11:15 PM PST

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.

Popular Forums
icon
Computer Help 51,912 discussions
icon
Computer Newbies 10,498 discussions
icon
Laptops 20,411 discussions
icon
Security 30,882 discussions
icon
TVs & Home Theaters 21,253 discussions
icon
Windows 10 1,672 discussions
icon
Phones 16,494 discussions
icon
Windows 7 7,855 discussions
icon
Networking & Wireless 15,504 discussions

CNET ON CARS

Want to see the future of car technology?

Brian Cooley found it for you at CES 2017 in Las Vegas and the North American International Auto Show in Detroit.