Atribut width
Atribut width določa širino slike,
ki je določena z tagom
img.
Trenutno je ta atribut dovoljeno
uporabljati samo za slike,
iframe,
video
in nekatere druge tage.
Dovoljeno je navajati vrednosti v slikovnih pikah ali odstotkih. V primeru določanja velikosti v odstotkih bodo ti vzeti od širine starševskega elementa. V primeru določanja velikosti v slikovnih pikah enote meritve ne navajamo.
Če za sliko ni določena niti širina, niti višina - bo slika imela svojo dejansko velikost. Če je določena višina - bo slika dobila določeno višino, po širini pa se bo prilagodila tako, da njeni razmerji ne bodo popačena. Če je določena samo širina - podobno, se bo slika po višini prilagodila tako, da ohrani razmerja. Če sta določeni tako širina kot višina - se lahko razmerja slike pokvarijo (ali pa tudi ne, odvisno od slučaja). Če sta širina ali višina (ali obe skupaj) večji od dejanske - se bo slika povečala, vendar bo izgubila na kakovosti.
Priporočljivo je, da določite širino in višino slikam v atributih - v tem primeru bo brskalnik hitreje nalagal slike - ni mu potrebno računati velikosti vsake slike po njeni pridobitvi.
Ne priporoča se zmanjševanje dejanskih
velikosti slike brez potrebe. Na primer,
dejanska velikost slike je 1000 na 1000
slikovnih pik, vi pa ji določite širino 100px.
V tem primeru bo slika na zaslonu videti
100 slikovnih pik, vendar bo imela velikost
celih tisoč in se bo zato nalagala
veliko dlje.
Primere dela si oglejte tukaj:
tag img.