Atribut width
Atribut width određuje širinu slike,
koja je postavljena tagom
img.
Trenutno je ovaj atribut dozvoljeno
koristiti samo za slike,
iframe,
video
i neke druge tagove.
Dozvoljeno je navoditi vrednosti u pikselima ili procentima. U slučaju postavljanja veličine u procentima, oni će se uzeti od širine roditeljskog elementa. U slučaju postavljanja veličine u pikselima, jedinice merenja se ne navode.
Ako za sliku nije postavljena ni širina, ni visina - slika će imati svoju stvarnu veličinu. Ako je postavljena visina - slika će postati zadate visine, a po širini će se prilagoditi tako da njeni proporciji ne budu iskrivljeni. Ako je postavljena samo širina - analogno, slika će se prilagoditi po visini tako da sačuva proporcije. Ako su postavljeni i širina i visina - proporcije slike mogu biti iskrivljene (a možda i ne, pogodite). Ako su širina ili visina (ili obe zajedno) veće od stvarne - slika će se povećati, ali će izgubiti na kvalitetu.
Preporučuje se postavljanje širine i visine slikama u atributima - u ovom slučaju brauzer će brže učitavati slike - njemu nije potrebno da izračunava veličinu svake slike nakon njenog preuzimanja.
Ne preporučuje se smanjivanje stvarnih
veličina slike bez potrebe. Na primer,
stvarna veličina slike je 1000 na 1000
piksela, a vi joj zadajete širinu od 100px.
U ovom slučaju slika na ekranu će izgledati
na 100 piksela, međutim imaće veličinu
od cele hiljade i, shodno tome, učitavaće se
mnogo duže.
Primere rada pogledajte ovde:
tag img.