Šírka a výška obrázku v HTML

Ak nastavíte súčasne both šírku a výšku, obrázok sa môže deformovať. Napríklad, ak nastavíte šírku 100 pixelov a výšku 70px, náš úsmev sa natiahne v šírke:

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

Результат:

Obrázok sa nemusí nevyhnutne deformovať, pretože môžeme jednoducho nastaviť both šírku a výšku na 100 pixelov, v tomto prípade sa náš obrázok zmenší oproti pôvodnej veľkosti (pôvodne mal 130), ale jeho proporcie sa nedeformujú:

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

Результат: