HTML <img> breedte Attribuut
Voorbeeld
Een afbeelding met een hoogte van 600 pixels en een breedte van 500 pixels:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Het widthattribuut specificeert de breedte van een afbeelding, in pixels.
Tip: Geef altijd zowel de attributen als op voor afbeeldingen height.
widthAls hoogte en breedte zijn ingesteld, wordt de benodigde ruimte voor de afbeelding gereserveerd wanneer de pagina wordt geladen. Zonder deze attributen weet de browser echter niet hoe groot de afbeelding is en kan hij er niet de juiste ruimte voor reserveren. Het effect is dat de pagina-indeling verandert tijdens het laden (terwijl de afbeeldingen worden geladen).
Tip: het verkleinen van een grote afbeelding met de attributen
heighten widthdwingt een gebruiker om de grote afbeelding te downloaden (zelfs als deze er klein uitziet op de pagina). Om dit te voorkomen, schaalt u de afbeelding opnieuw met een programma voordat u deze op een pagina gebruikt.
Browserondersteuning
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<img width="pixels">
Attribuutwaarden
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ HTML <img>-tag