Med pogoste primere vrst slik v spletu spadajo GIF, JPG, in PNG. Datoteke SVG. Ti različni formati ponujajo spletnim oblikovalcem različne možnosti za optimizacijo vizualne privlačnosti spletnega mesta.
GIF slike
Datoteke GIF uporabite za slike z majhnim, določenim številom barv. Datoteke GIF so vedno zmanjšane na največ 256 edinstvenih barv. Algoritem stiskanja za datoteke GIF je manj zapleten kot za datoteke JPG, vendar se pri uporabi na ploščatih barvnih slikah in besedilih ustvari zelo majhne velikosti datotek.
Oblika GIF ni primerna za fotografske slike ali slike z gradientnimi barvami. Ker ima format GIF omejeno število barv, bodo prelivi in fotografije, ko se shranijo v datoteko GIF, končali s trakovi in pikselacijo.
Slike JPG
Slike JPG uporabite za fotografije in druge slike z milijoni barv. Uporablja zapleten algoritem stiskanja, ki vam omogoča, da ustvarite manjše grafike, tako da izgubite nekaj kakovosti slike. Temu pravimo stiskanje z izgubo, ker se del informacij o sliki izgubi ob stiskanju slike.
Format JPG ni primeren za slike z besedilom, velike enobarvne bloke in preproste oblike z ostrimi robovi. To je zato, ker se pri stiskanju slike besedilo, barva ali črte lahko zameglijo, zaradi česar slika ni tako ostra, kot bi bila shranjena v drugi obliki.
Slike PNG
Format PNG je bil razvit kot nadomestek za format GIF, ko se je izkazalo, da bodo slike GIF plačane z licenčnino. Grafika PNG ima boljšo stopnjo stiskanja kot slike GIF, zaradi česar so manjše slike kot ista datoteka, shranjena kot GIF. Datoteke PNG ponujajo alfa prosojnost, kar pomeni, da lahko imate slike na svojih slikah, ki so popolnoma prozorne ali celo uporabljajo vrsto alfa preglednosti. Spuščena senca na primer uporablja vrsto učinkov prosojnosti in bi bila primerna za PNG (ali pa nas lahko namesto tega uporabite s sencami CSS).
Slike PNG, kot so GIF, niso primerne za fotografije. Težavo s pasovi, ki vpliva na fotografije, shranjene kot datoteke GIF, je mogoče rešiti z resničnimi barvami, vendar lahko to povzroči zelo velike slike. Slike PNG tudi starejših mobilnih telefonov in funkcijskih telefonov ne podpirajo dobro.
Slike SVG
SVG pomeni Scalable Vector Graphic. V nasprotju z rastrskimi formati, ki jih najdemo v JPG, GIF in PNG, te datoteke uporabljajo vektorje za ustvarjanje zelo majhnih datotek, ki jih je mogoče upodobiti v poljubni velikosti brez izgube kakovosti zaradi povečanja velikosti datoteke. Ustvarjeni so za ilustracije, kot so ikone in celo logotipi.
Priprava slik za spletno dostavo
Ne glede na to, kateri format slike uporabljate, zagotovite, da so vse slike na tem spletnem mestu pripravljen za spletno dostavo. Prevelike slike lahko povzročijo, da spletno mesto počasi deluje in vpliva na splošno uspešnost. Za boj proti temu te slike je treba optimizirati najti ravnovesje med visoko kakovostjo in najmanjšo možno velikostjo datoteke na tej ravni kakovosti.
Izbira pravega formata slik je del bitke, toda tudi to, da ste te datoteke pripravili, je naslednji korak v tem pomembnem postopku dostave po spletu.