width attribuut
Het attribuut width specificeert de breedte van een afbeelding,
die is gedefinieerd door de tag
img.
Tegenwoordig is dit attribuut alleen toegestaan
voor afbeeldingen,
iframe,
video
en enkele andere tags.
Het is toegestaan om waarden in pixels of percentages op te geven. Als de grootte in percentages wordt opgegeven, worden deze berekend ten opzichte van de breedte van het bovenliggende element. Als de grootte in pixels wordt opgegeven, worden er geen meeteenheden vermeld.
Als voor een afbeelding noch breedte, noch hoogte is opgegeven - zal de afbeelding haar werkelijke grootte hebben. Als alleen de hoogte is opgegeven - krijgt de afbeelding de opgegeven hoogte, en zal de breedte zich aanpassen zodat de verhoudingen niet vervormd worden. Als alleen de breedte is opgegeven - past de afbeelding zich op dezelfde manier aan in hoogte om de verhoudingen te behouden. Als zowel breedte als hoogte zijn opgegeven - kunnen de verhoudingen van de afbeelding vervormd raken (of misschien ook niet, dat is maar net wat je raadt). Als de breedte of hoogte (of beide samen) groter zijn dan de werkelijke grootte - zal de afbeelding vergroot worden, maar kwaliteit verliezen.
Het wordt aanbevolen om breedte en hoogte van afbeeldingen in attributen op te geven - in dit geval zal de browser afbeeldingen sneller laden - hij hoeft de grootte van elke afbeelding niet te berekenen na ontvangst.
Het wordt afgeraden om de werkelijke
afmetingen van een afbeelding zonder noodzaak te verkleinen. Bijvoorbeeld,
de werkelijke grootte van een afbeelding is 1000 bij 1000
pixels, en je geeft hem een breedte van 100px.
In dit geval zal de afbeelding op het scherm eruitzien
als 100 pixels, maar de grootte hebben
van de volledige duizend en dienovereenkomstig veel langer
laden.
Voorbeelden van gebruik zijn hier te vinden:
de img tag.
