Largeur et hauteur de l'image en HTML

Si vous définissez à la fois la largeur et la hauteur, l'image peut être déformée. Par exemple, si vous définissez la largeur à 100 pixels, et la hauteur à 70px, notre smiley deviendra étiré en largeur :

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

Результат:

L'image ne sera pas nécessairement déformée, car nous pouvons simplement définir la largeur et la hauteur à 100 pixels. Dans ce cas, notre image deviendra plus petite qu'elle ne l'était (elle était à 130), mais ses proportions ne seront pas déformées :

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

Результат: