How to reduce the size of an image place in a web page?

Question

I also need to position it at the bottom right hand corner.
Please tell me the codes...

Thanks in advanced!!!

Answer 1

It is better to reduce the image to the correct size before you put it online. Use a graphics program to do this.

If you simply squash the image using HTML the user still has to wait to download the larger image, and different browsers may do better or worse jobs as squashing the image. If you size it yourself you can decide the exact dimensions, the exact compression ratio, and make sure it is how you want it to look. This will also save bandwidth and speed up page load time.

Answer 2

Just as a thought, rather than scaling the image by specifying the width and height either by tag or in javascript, you may want to resize the original image before placing utilizing it in the web page. When you scale the image in html without optimizing it, the image is still the same size in bytes when it gets downloaded. If you optimize it first in a image editing tool, you can get the exact dimensions you want and get smaller images(in bytes) for download to boot.

Answer 3

As others say, resize the image first but the following works:

Answer 4