Paplitę vaizdų tipų pavyzdžiai internete GIF, JPGir PNG. SVG failai. Šie skirtingi formatai siūlo interneto dizaineriams įvairias interneto vizualinio patrauklumo optimizavimo galimybes.
GIF vaizdai
Naudokite GIF failus vaizdams, turintiems nedidelį, fiksuotą spalvų skaičių. GIF failai visada sumažinami iki ne daugiau kaip 256 unikalių spalvų. GIF failų glaudinimo algoritmas yra mažiau sudėtingas nei JPG failų, tačiau naudojant plokščius spalvotus vaizdus ir tekstą jis sukuria labai maži failų dydžiai.
GIF formatas netinka fotografiniams vaizdams ar vaizdams su gradiento spalvomis. Kadangi GIF formate yra ribotas spalvų skaičius, gradientai ir nuotraukos baigsis juostomis ir pikseliais, kai bus išsaugoti kaip GIF failai.
JPG vaizdai
Naudokite JPG vaizdus fotografijoms ir kitiems milijonų spalvų vaizdams. Jis naudoja sudėtingą suspaudimo algoritmą, kuris leidžia jums sukurti mažesnę grafiką, prarandant dalį vaizdo kokybės. Tai vadinama „nuostolingu“ suspaudimu, nes suglaudus vaizdą prarandama dalis informacijos apie vaizdą.
JPG formatas netinka vaizdams su tekstu, dideliais vientisos spalvos blokais ir paprastoms formoms su trapiais kraštais. Taip yra todėl, kad suglaudinus vaizdą, tekstas, spalva ar linijos gali sulieti, todėl vaizdas bus ne toks ryškus, kaip būtų išsaugotas kitu formatu.
PNG vaizdai
PNG formatas buvo sukurtas kaip GIF formato pakaitalas, kai pasirodė, kad už GIF vaizdus bus mokamas honoraras. PNG grafika turi geresnį glaudinimo lygį nei GIF vaizdai, todėl gaunami mažesni vaizdai nei tas pats failas, išsaugotas kaip GIF. PNG failai siūlo alfa skaidrumą, o tai reiškia, kad galite turėti visiškai skaidrių vaizdų sritis arba netgi naudoti alfa skaidrumo diapazoną. Pvz., „Šešėlis“ naudoja įvairius skaidrumo efektus ir būtų tinkamas PNG (arba galite tiesiog nustoti mus naudoti CSS šešėlius).
PNG vaizdai, kaip ir GIF, nėra gerai pritaikyti nuotraukoms. Galima apeiti juostų problemą, kuri paveikia nuotraukas, išsaugotas kaip GIF failus, naudojant tikras spalvas, tačiau tai gali sukelti labai didelius vaizdus. PNG vaizdai taip pat nėra gerai palaikomi senesnių mobiliųjų telefonų ir funkcinių telefonų.
„SVG Images“
SVG reiškia „Scalable Vector Graphic“. Skirtingai nuo rastrinių formatų, randamų JPG, GIF ir PNG, šie failai naudoja vektorius kurdami labai mažus failus, kuriuos galima atvaizduoti bet kokio dydžio neprarandant kokybės padidėjimo. Jie sukurti iliustracijoms, pavyzdžiui, piktogramoms ir net logotipams.
Vaizdų paruošimas pristatymui internete
Nepaisant to, kokį vaizdo formatą naudojate, įsitikinkite, kad visi tos svetainės vaizdai yra paruoštas pristatymui internete. Dėl per didelių vaizdų svetainė gali veikti lėtai ir paveikti bendrą našumą. Norėdami kovoti su tuo, tie vaizdai turi būti optimizuoti rasti balansą tarp aukštos kokybės ir mažiausio įmanomo failo dydžio tuo kokybės lygiu.
Tinkamo vaizdų formato pasirinkimas yra mūšio dalis, tačiau taip pat įsitikinimas, kad paruošėte tuos failus, yra kitas šio svarbaus žiniatinklio pristatymo proceso žingsnis.