U prethodnoj smo lekciji spomenuli atribute width i height koji određuju dimenzije prikazane slike.

Ti atributi nisu obavezni, ali ih je dobro pisati, a još je važnije ispravno ih izabrati, Naime:

• Idealno je da atributi width i height sadrže vrijednosti koje odgovaraju širini i visini slike koju treba prikazati.

• Ako tih parametara nema, prvo će biti prikazana stranica bez mjesta rezerviranog za sliku, a tek će se po učitavanju slike preostali sadržaj razmjestiti na konačno mjesto – posjetitelju pred očima.

• Ako su parametri width i height veći od dimenzija slike, slika će biti rastegnuta i djelovat će mutno.

• Ako su navedeni parametri manji od dimenzija slike, prenosit će se velika slika te prikazati umanjeno. Dakle, vrijeme prijenosa će biti nepotrebno veliko.

• Ako je slika smanjena neproporcionalno (npr. ako je vrijednost parametra width polovina širine slike, a vrijednost parametra height trećina izvorne visine slike), slika će biti izobličena.

Zbog svega navedenoga pozivamo vas da naučite prilagođavati slike za prikaz na webu u nekom od odgovarajućih programa.

Ponovimo sad način pisanja oznake <img> te isprobajmo neke od navedenih problema u jednom zadatku.