Πλάτος και ύψος εικόνας σε HTML

Αν ορίσουμε ταυτόχρονα και πλάτος και ύψος, η εικόνα μπορεί να διαστρεβλωθεί. Για παράδειγμα, αν ορίσουμε πλάτος 100 pixel, και ύψος 70px, το χαμογελαστό πρόσωπό μας θα τεντωθεί στο πλάτος:

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

Результат:

Η εικόνα δεν θα διαστρεβλωθεί απαραίτητα, αφού μπορούμε να ορίσουμε και το πλάτος και το ύψος σε 100 pixel, σε αυτήν την περίπτωση η εικόνα μας θα γίνει μικρότερη από ότι ήταν (ήταν 130), αλλά οι αναλογίες της δεν θα διαστρεβλωθούν:

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

Результат: