width-attributtet
Attributtet width setter bredden på bildet
som er angitt med taggen
img.
For tiden er dette attributtet tillatt
å bruke kun for bilder,
iframe,
video
og noen andre tagger.
Det er tillatt å oppgi verdier i piksler eller prosent. Ved angivelse av størrelse i prosent vil de bli tatt fra bredden på forelderen. Ved angivelse av størrelse i pikseler angis ikke måleenhetene.
Hvis verken bredde eller høyde er angitt for et bilde - vil bildet ha sin virkelige størrelse. Hvis høyde er angitt - vil bildet få den angitte høyden, og i bredden justeres det slik at proporsjonene ikke blir forvrengt. Hvis kun bredde er angitt - på samme måte vil bildet justere seg i høyden for å bevare proporsjonene. Hvis både bredde og høyde er angitt - kan bildets proporsjoner blir forvrengt (eller kanskje ikke, hvordan vil du gjette). Hvis bredden eller høyden (eller begge sammen) er større enn den virkelige - vil bildet forstørres, men miste i kvalitet.
Det anbefales å angi bredde og høyde for bilder i attributter - i dette tilfellet vil nettleseren laste bilder raskere - den trenger ikke å beregne størrelsen på hvert bilde etter at det er mottatt.
Det anbefales ikke å redusere de virkelige
størrelsene på bildet uten grunn. For eksempel,
den virkelige størrelsen på bildet er 1000 ganger 1000
piksler, og du setter bredden til 100px.
I dette tilfellet vil bildet på skjermen se ut
som 100 piksler, men ha størrelsen
på hele tusen og følgelig ta lengre tid
å laste.
Eksempler på bruk finner du her:
taggen img.
