Cons of Resizing in HTML
Though resizing images in HTML is easy, it's not your best alternative. There are many reasons why you shouldn't use HTML to resize a photo.
First of all, resizing with HTML does not change the actual weight of the image. If the image was 200K prior to resizing in HTML, it will still be 200K after. This is not optimal in web design. You should try to lower the weight of your images as much as possible to decrease the load time of your web pages. Users don't want to wait on your pages to load when visiting your website. For this reason, you should use a photo editing software to resize your images. Though Adobe PhotoShop is a top software to consider, it's also very expensive. If you don't own PhotoShop, you can download a free image editing software such as GIMP or simply go to Picnik.com, which allows you to edit images online.
Another reason that you shouldn't use HTML to resize images is because stretching photos causes them to become distorted. You want to present visitors with clear, high quality images, not fuzzy, distorted ones. If you resize an image in HTML from 100 pixels to 105 pixels wide, there will probably not be much distortation. But if you increase the pixels a great deal in HTML, the image will be extremely blurry and unusable.
Though using HTML to resize images is possible, your best bet is to use a photo editing program to create high quality images that take up the least amount of space possible, helping to keep the load time on your web pages as low as possible.