Szerokość i wysokość obrazka w HTML

Jeśli ustawimy jednocześnie zarówno szerokość, jak i wysokość, obrazek może zostać zniekształcony. Na przykład, jeśli ustawimy szerokość na 100 pikseli, a wysokość na 70px, nasza buźka stanie się rozciągnięta w szerokości:

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

Результат:

Obrazek niekoniecznie zostanie zniekształcony, ponieważ możemy po prostu ustawić zarówno szerokość, jak i wysokość na 100 pikseli. W tym przypadku nasz obrazek stanie się mniejszy niż był (a miał 130), ale jego proporcje nie zostaną zniekształcone:

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

Результат: