Displaying images smaller

On the previous page, our code for adding the image was

<p align=center><img src=image.jpg>

we will simply state what size we would like the image to be displayed. For this you need to know the height and width in pixels.

Open Paint Shop Pro, open an image, Look at the lower right corner of your screen. You will see the image size displayed there.

This image's original size is 280 X 280

I would like it displayed at 100 X 100

I will need to add the desired display size to my code

my code will now look like this

<p align=center><img src=image.jpg height=100 width=100>

My image will now be displayed like this

I must add that it is preferable to resize your image before using on your web page rather than displaying it smaller.

Why?

The image will have to be loaded no matter what size it is. Isn't it better to have dinky images rather than huge images that are only displayed dinky?

Check it out

Below are 2 images. One is small and the other is big but displayed small. You can see for yourself that the one that is only displayed smaller takes longer to load