Veebis on tavalised näited pilditüüpidest GIF, JPGja PNG. SVG-failid. Need erinevad vormingud pakuvad veebidisaineritele erinevaid võimalusi veebisaidi visuaalse atraktiivsuse optimeerimiseks.
GIF-pildid
Kasutage GIF-faile piltide jaoks, millel on väike kindel värvide arv. GIF-failid vähendatakse alati kuni 256 unikaalse värvini. GIF-failide pakkimisalgoritm on vähem keeruline kui JPG-failide puhul, kuid lamedate värviliste piltide ja teksti puhul kasutatuna annab see väga väikesed failisuurused.
GIF-vorming ei sobi fotopiltide või gradientvärvidega piltide jaoks. Kuna GIF-vormingus on piiratud arv värve, jõuavad gradientid ja fotod GIF-failina salvestamisel ribadeks ja piksliteks.
JPG pildid
Kasutage JPG-pilte fotode ja muude miljonite värvidega piltide jaoks. See kasutab keerukat tihendusalgoritmi, mis võimaldab teil luua väiksemat graafikat, kaotades osa pildi kvaliteedist. Seda nimetatakse "kadudeks" kokkusurumiseks, kuna osa pilditeabest läheb pildi kokkusurumisel kaduma.
JPG-vorming ei sobi piltidele, millel on tekst, suured ühevärvilised plokid ja teravate servadega lihtsad kujundid. Seda seetõttu, et pildi kokkusurumisel võivad tekst, värv või jooned hägustuda, mille tulemuseks on pilt, mis ei ole nii terav, kui see oleks salvestatud muus vormingus.
PNG pildid
PNG-vorming töötati välja GIF-vormingu asendajana, kui ilmnes, et GIF-piltide eest tuleb maksta autoritasu. PNG-graafika tihendamise määr on parem kui GIF-piltidel, mille tulemuseks on väiksemad pildid kui GIF-iga salvestatud sama failiga. PNG-failid pakuvad alfa-läbipaistvust, see tähendab, et teil võib olla oma piltide alasid, mis on kas täielikult läbipaistvad või kasutavad isegi alfa-läbipaistvuse vahemikku. Näiteks kasutab varje mitmesuguseid läbipaistvusefekte ja sobib PNG-le (või võite lihtsalt lõpetada selle, et kasutame CSS-i varje).
PNG-pildid, nagu ka GIF-failid, ei sobi fotode jaoks hästi. GIF-failidena salvestatud fotosid mõjutavate ribadeteemaliste probleemide lahendamiseks on võimalik kasutada tõelisi värve, kuid selle tulemuseks võib olla väga suur pilt. Ka vanemad mobiiltelefonid ja funktsioonitelefonid ei toeta PNG-pilte hästi.
SVG pildid
SVG tähistab Scalable Vector Graphic. Erinevalt JPG-, GIF- ja PNG-vormingus leiduvatest rasteripõhistest vormingutest kasutavad need failid vektoreid väga väikeste failide loomiseks, mida saab renderdada igas suuruses, ilma et kvaliteedi langus suureneks. Need on loodud näiteks illustratsioonide, näiteks ikoonide ja isegi logode jaoks.
Piltide ettevalmistamine veebi kohaletoimetamiseks
Sõltumata sellest, millist pildivormingut te kasutate, veenduge, et kõik sellel saidil olevad pildid oleksid veebis edastamiseks ette valmistatud. Liiga suured pildid võivad põhjustada saidi aeglase töötamise ja mõjutada üldist jõudlust. Selle vastu võitlemiseks need pildid tuleb optimeerida leida tasakaal kvaliteedi ja sellel kvaliteeditasemel võimalikult väikese failisuuruse vahel.
Õige pildivormingu valimine on osa lahingust, kuid ka nende failide ettevalmistamise kontrollimine on selle olulise veebiedastusprotsessi järgmine samm.