Width-attribut
Attributten width angiver bredden af et billede,
som er angivet med tagget
img.
I øjeblikket er dette attribut kun tilladt at
bruge til billeder,
iframe,
video
og nogle andre tags.
Det er tilladt at angive værdier i pixels eller procenter. Hvis størrelsen angives i procent, vil de blive beregnet ud fra bredden af forælderen. Hvis størrelsen angives i pixels, angives måleenhederne ikke.
Hvis der hverken er angivet bredde eller højde for et billede - vil billedet have sin egentlige størrelse. Hvis der er angivet højde - vil billedet blive den angivne højde, mens bredden tilpasses, så dens proportioner ikke bliver forvrænget. Hvis der kun er angivet bredde - vil billedet tilsvarende tilpasse sig i højden for at bevare proportionerne. Hvis der er angivet både bredde og højde - kan billedets proportioner blive forvrænget (eller måske ikke, hvem ved). Hvis bredden eller højden (eller begge sammen) er større end den egentlige - vil billedet forstørres, men miste i kvalitet.
Det anbefales at angive bredde og højde for billeder i attributter - på denne måde vil browseren indlæse billederne hurtigere - den har ikke brug for at beregne størrelsen på hvert billede efter at have modtaget det.
Det anbefales ikke at reducere de egentlige
størrelser på et billede uden grund. For eksempel,
den egentlige størrelse på et billede er 1000 gange 1000
pixels, men du angiver en bredde på 100px.
I dette tilfælde vil billedet på skærmen se ud til at være
100 pixels, men have en størrelse
på hele tusinden og følgelig tage
meget længere tid at indlæse.
Se eksempler på anvendelse her:
tagget img.
