On mitmeid pildivorminguid, mida saab veebisaitidel kasutada. Mõned tavalised näited on GIF , JPG ja PNG . Täna veebisaitidel kasutatakse sageli ka SVG-faile , pakkudes veebidisaineritele veel ühte võimalust veebipildi jaoks.
GIF-pildid
Kasuta GIF-faile piltide jaoks, millel on väike, fikseeritud värvide arv. GIF-failid on alati alla 256 unikaalset värvi. GIF-failide pakkimisalgoritm on vähem keeruline kui JPG-failide puhul, kuid kui seda kasutatakse lame-värviliste piltide ja teksti puhul, siis on see väga väike failisuurus .
GIF formaat ei sobi fotograafiliste piltide või gradientvärvidega piltide jaoks. Kuna GIF-vormingus on piiratud värvide arv, asetatakse gradiendid ja fotod GIF-failina salvestamise ajal ribade ja pikslitena.
Lühidalt peate kasutama GIF-vorme ainult lihtsatele piltidele, millel on vaid mõni värv, kuid võite kasutada ka PNG-sid (veelgi enam selle kohta).
JPG pildid
Kasutage JPG-pilte fotode ja muude piltide jaoks, millel on miljoneid värve. Ta kasutab kompleksset pakkimisalgoritmi, mis võimaldab teil luua väiksemaid graafika, kaotades mõne pildi kvaliteedi. Seda nimetatakse kaotatud kompressiooniks, sest osa pildiandmetest kaob, kui pilt on kokku surutud.
JPG-formaat ei sobi tekstiga piltidele, suured tahke värviga plokid ja kergete servadega lihtsad kujutised. Seda seetõttu, et pildi kokkusurumise korral võivad tekst, värvid või read olla hägused, mille tagajärjeks on mitte niivõrd terav pilt, mis salvestatakse mõnes teises formaadis.
JPG-pilte saab kõige paremini kasutada fotode ja piltide jaoks, millel on palju ja palju looduslikke värve.
PNG-pildid
PNG-vormingu arendati välja GIF-vormingu asemel, kui ilmnes, et GIF-piltidele tuleks kehtestada litsentsitasu. PNG-graafika on parema kokkusurumise määra kui GIF-pilt, mille tulemuseks on väiksemad pildid kui GIF-i salvestatud fail. PNG-failid pakuvad alfa-läbipaistvust, mis tähendab, et teil on pildipiirkonnad, mis on kas täielikult läbipaistvad või isegi alfa läbipaistvuse valikut. Näiteks kasutab varju mitmesuguseid läbipaistvust mõjutavaid efekte ja sobib PNG-le (või võite selle asemel lihtsalt CSS varjude abil lõpetada).
PNG-pildid, nagu GIF-failid, ei sobi fotodega hästi. Võimalik on saada lindistuse probleem, mis mõjutab GIF-faile salvestatud pilte tõeliste värvidega, kuid see võib põhjustada väga suuri kujutisi. PNG-pilte ei toetata ka vanemad mobiiltelefonid ja telefonid.
Me kasutame PNG-d kõikidele failidele, mis vajavad läbipaistvust. Kasutame ka PNG-8 jaoks mis tahes faili, mis sobiks GIF-iga, selle asemel selle PNG-vormingu abil.
SVG pildid
SVG tähistab skaleeritavat vektorgraafikat. Erinevalt JPG-, GIF- ja PNG-st leiduvatest rasteripõhistest vormingutest kasutavad need failid vektoreid, et luua väga väikeseid faile, mida saab igas suuruses muuta ilma faili suuruse kvaliteedi kaotamata. Need on loodud illustratsioonide jaoks nagu ikoonid ja isegi logod.
Veebi edastamise piltide ettevalmistamine
Sõltumata sellest, millises pildivormingus te kasutate, ja teie veebisait kasutab kindlasti mitmesuguseid vorminguid kõigis sellel lehekülgedel, peate tagama, et kõik sellel saidil olevad pildid on veebi edastamiseks valmis . Liiga suured pildid võivad põhjustada saidi aeglaselt töötamise ja üldise toimivuse mõjutamise. Selle vastu võitlemiseks tuleb neid pilte optimeerida, et leida tasakaalu kõrge kvaliteedi ja madalaima faili suuruse vahel selles kvaliteeditasandil.
Õigete piltide vormingu valimine on lahingu osa, kuid ka see, et olete neid faile ette valmistanud, on järgmine tähtis veebiteenuse edastamise protsess.
Jennifer Krynini algne artikkel. Redigeeris Jeremy Girard.