Ширина и височина на изображение в HTML

Ако се зададат едновременно и ширина, и височина, изображението може да се изкриви. Например, ако зададем ширина 100 пиксела, а височина 70px, нашата усмивка ще се разтегне по ширина:

html<img src="smile.png" width="100" height="70">

Результат:

Изображението не е задължително да се изкриви, тъй като можем просто да зададем и ширина, и височина по 100 пиксела, в този случай нашето изображение ще стане по-малко, отколкото беше (а беше 130), но пропорциите му няма да се изкривят:

html<img src="smile.png" width="100" height="100">

Результат: