| Optimizacija web stranice, Jason
Cook
1. Slika vrijedi više od tisuću riječi, ali tu staru poslovicu ne treba
bukvalno shvaćati. Vidjeli ste da se, kad surfate, slike uvijek zadnje
učitaju. Jedno je sigurno: korisnici interneta su uvijek nestrpljivi.
Ako se slika ne može brzo učitati s 56K modem, ubrzo će većina odustati,
bez obzira kako zanimljive slike bile.
2. Brzo učitavanje web stranice i funkcionalnost daju bolju sliku o Vašoj
firmi nego li efektni uvodi koju posjetitelju ne nude stvarni sadržaj,
nego čekanje za učitavanje druge stranice.
3. Zapamtite: smanjenje slike za 10 kB na stranici koja je velika 40 kB
čini smanjenje od 25% !
4. Zamjena animiranih GIF slika sa statičnim slikama smanjuje vrijeme
učitavanja.
5. Često se grafika stavljena u zaglavlje stranice može zamijeniti odabirom
većeg fonta ili postavkama u CSS-u.
6. Odabir grafičkog formata:
GIF format je odličan za male grafičke
priloge koji moraju izgledati jasni i čisti, ali ne trebaju više od 256
boja. Broj odabranih boja može biti od 2 do 256 što u Photoshopu određujemo
prilikom spremanja (File/Save For Web...) grafike.
Također, grafiku možemo spremiti s prozirnom (transparent) bojom koja
omogućuje da slika ima nepravilne rubove. To se odnosi na logotipe i navigacijske
gumbe.
JPG format koristimo kad na web stranicu
staljamo fotografije u boji s tisućama boja (skenirane ili s digitalnog
fotoaparata). Stupanj sažimanja veličine fotografije određujemo obradom
fotografije u Photoshopu ili sličnom programu (File/Save For Web...).
Optimiziranjem kvalitete fotografije, određujemo i njenu veličinu u kB.
7. Veliki utjecaj na veličinu fotografije imaju njene dimenzije (širina
i visina). Fografiju smanjujemo ili s (Image/Image Size...) ili rezanjem
fotografije (Crop).
8. Preporuka:
GIF slike spremati (File/Save For Web...)
s uključenom opcijom Interlaced.
JPG slike spremati (File/Save For Web...).s
uključenom opcijom Progressive Loading.
Na taj način slike se postepeno učitavaju, posjetitelj prvo vidi sliku
nejasno te, dok čita tekst, slika se u potpunosti učita.
9. Ako je web stranica zamišljena kao galerija slika, tada je najbolje
slike spremiti u dvije veličine. Manje slike neka budu širine manje od
100 pixela (thumbnail), veličine do 2 kB i postavljene u tablicu. Na njih
postavite link na web stranicu na kojoj će se učitati ista, veća slika.
10. Obzirom da neki posjetitelji zbog brzine surfanja isključuju Show
Picture u svojim browserima, obvezno u <img src ....> tagu postavite
opis slike u polju alt=“opis slike“.
|
