Plane Sailing said:
You need to use a JPG or GIF image (JPG is best for photographs).
Your initial pictures are in the BMP format which browsers don't display.
PNG format can be used too, though not all browsers support the format, as far as I know.
As Plane Sailing said, JPG format is usually used for high color images like photos. JPG is a lossy format, which means that when your image is compressed into a jpg file it will lose some of it's detail. Some image editing programs allow you to adjust the amount of compression, so you can weigh quality vs size.
GIFs are only 8-bit (compaired to the jpg's 24-bit support), but allow animation and single color transparency. They're lossless, but can only contain so many colors.
PNG files use lossless compression and support 24-bit color, one alpha channel and alpha transparency. I really like this format as it generally turns out files that are smaller than BMP files, but with the same amount of detail. This format really shines when it is used for large high color images, but is a bit bloated when used on small pics.
Try saving your picture in all of these formats and then use the one that looks the best but has the smallest file size. And of course, crop out the parts of the picture that aren't important.
Paint Shop Pro 6 is a great image editing program and a free trial of it can be obtained at www.jasc.com