Ever wondered why some pages load very fast, and others just take forever to be completed on your screen? Well... am going to try to explain that a little bit to you.


Lets look first how we add an image/graphic to a page :
First you choose your picture, then you upload it into the directory where your html-page is too. When done that, you're all set to add it to your page.

Here is how you add any image:

It can be a .gif or .jpg file, better not use the bmp extension, because these files are way too large.

Ok, now you added a picture to your page, but its not where you want it to be. How can you change that? Quite simple is to add an "align" command to the img-tag. You can put "left", "right", "center", "top" and "bottom". All speak for themselves.

winking

This winking one is aligned left

rainbowsmiley

This bouncing one is aligned "right"


(You can check how this page was build by looking at the source.)

Fast, faster, fastest...
To make sure your page will load fast and doesn't drag on forever, you best use small graphics. To get your pictures and photographs like that, you can try to "crunch" them. No you don't sit on them and don't use a too hot iron. When you got PSP, you can make the files smaller in that. If not, there are a few online sites who can make smaller files for you.

Here are a couple of links to sites where you can "crunch" your files, either online, or download a program and do it on your own computer.

very good "crunchers" online
free download for resizing photo's

This is a gif file, its 18K large

fallgif (18K)

This is the same file converted into a jpg, see how much larger it is.

falljpg (26K)
strawberries

This is a jpg file that has been made smaller (7K small)

strawberrygif (16K)

Same picture but altered into a gif file, see the differences (16K double!!)

Hosted by www.Geocities.ws

1