Slika je vredna tisoč besed. Star pregovor, ampak res dovolj na spletu, kjer si lahko z eno sliko povemo veliko več. Ali ste opazili kako so slike vedno zadnja stvar, ki se pokažejo, ko brskate? To je zato, ker slike potrebujejo veliko časa za prenos od strežnika.
V naslednjih štirih dneh, bomo morali iskati na vse različne načine priti do svoje strani pravilno in učinkovito. Danes začnemo z najbolj nezaslišane in najbolj očitna krivca: slike.
Na srečo, obstaja še vrsto triki in optimizacije, da lahko oblikovalci spletnih strani izboljšajo hitrost pri nalaganje slike na spletno stran. Začnimo z najlažjo stvar na svetu.
Slikovni FORMATI
Preden začnemo dizajnirat spletno stran se moramo odločiti kateri format slike bomo izbrali (GIF, JPEG ali PNG). To se morda zdi osnovno, vendar napaka je velika pri napačni izbiri, ki je še vedno prisotna pri veliko spletni strani.
GIF je najstarejša in najbolj združljiv format datotek slik na spletu povsem primerna za manjše grafike, ki morajo videti svež in čist izgled, vendar ne potrebujejo več kot 256 barv. GIF lahko tudi shranite z eno “transparentno barvo,” ki omogoča nemotečo prilagajanje slike na že narejen dizajn. V praksi logotipi, ikone, navigacijo in gumbi so dobri primeri za grafiko, ki jih je mogoče shraniti v formatu GIF.
PNG za razliko od GIFa temelji na osnovnih funkcijah, z več izboljšavami kot so barve, modno ravneh preglednosti (idealno za občutljivo drop-shadow učinki), tudi gama-popravek zagotavlja, da so barve videti enako na Mac, Windows in Linux računalnikov. Najprimernejši od vsi, ne le PNG-si so prav tako dobri, kot GIF v skoraj vseh pogledih, vendar PNG uporabijo boljšo stiskanje datotek, tako oni so manjše datoteke in hitrejše za spletno pregledovanje.
Skratka, PNG je odličen nadomestek za GIF, zgrajen za obravnavo iste vrste grafike (logotipi, ikone, nepravilnih oblik predmetov, in tako naprej), bolje in hitreje. Obstaja samo ena velika pomanjkljivost: drobna, drobna odstotek brskalniki ne bo prikazal PNG-ji sploh! In zaradi tega, komaj kdo še uporablja PNGs.
Torej morate tvegati z PNG, da bi vaše strani delovali hitreje? No, verjetno, “Ja!” Bomo prišli nazaj v tej odločbi, ampak najprej, bomo videli, kako premaganec PNG in old-timer GIF proti JPEG-ji.
