Širina slike v HTML
Privzeto so slike prikazane z njihovo
dejansko velikostjo. Na primer, tista slika
s smeškom, ki smo jo prikazali zgoraj, ima
dejansko velikost 130 krat 130
pikslov in enako veliko sliko vidimo
v brskalniku.
Po želji lahko spremenite velikost slike,
tako da ji nastavite širino. To naredimo z atributom
width.
Za primer nastavimo naši sliki
širino 100 slikovnih pik. Za to vrednostjo
atributa width navedemo številko 100,
tako:
width="100"
Kakšne velikosti bo slika na zaslonu?
Lahko bi mislili, da naslednja: širina 100
pikslov, kot smo določili, in dejanska višina
130, ker je nismo nastavili. Pravzaprav
ne bo tako.
Širina bo res 100 pikslov,
višina pa se bo prilagodila tako, da se razmerja
slike ne popačijo, torej bo tudi
100 pikslov.
Zaženimo in se prepričajmo:
<img src="smile.png" width="100">
:
Nastavite svoji sliki širino na 300
pikslov.
