Chiều rộng và chiều cao của hình ảnh trong HTML

Nếu thiết lập đồng thời cả chiều rộng và chiều cao, hình ảnh có thể bị biến dạng. Ví dụ, nếu đặt chiều rộng 100 pixel, và chiều cao 70px, hình mặt cười của chúng ta sẽ bị kéo giãn theo chiều ngang:

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

Результат:

Hình ảnh không nhất thiết bị biến dạng, vì chúng ta có thể chỉ cần đặt cả chiều rộng và chiều cao thành 100 pixel, trong trường hợp này hình ảnh của chúng ta sẽ trở nên nhỏ hơn kích thước ban đầu (ban đầu là 130), nhưng tỷ lệ của nó sẽ không bị biến dạng:

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

Результат: