Breedte en hoogte van afbeeldingen in HTML
Als je zowel de breedte als de hoogte instelt,
kan de afbeelding vervormd raken. Bijvoorbeeld, als je
de breedte instelt op 100 pixels en de hoogte
op 70px, dan wordt onze smiley uitgerekt
in de breedte:
<img src="smile.png" width="100" height="70">
:
De afbeelding wordt niet per se vervormd, want we
kunnen simpelweg zowel de breedte als de hoogte instellen op
100 pixels, in dit geval wordt onze afbeelding
kleiner dan hij was (hij was 130),
maar de verhoudingen worden niet vervormd:
<img src="smile.png" width="100" height="100">
:
Stel de breedte en hoogte van je afbeelding zo in, dat de verhoudingen van de afbeelding vervormd raken.
Stel de breedte en hoogte van je afbeelding zo in, dat de verhoudingen van de afbeelding NIET vervormd raken.
