Yra daug vaizdų formatų, kuriuos galima naudoti tinklalapiuose. Kai kurie bendri pavyzdžiai yra GIF , JPG ir PNG . SVG failai taip pat dažnai naudojami svetainėse šiandien, suteikiant interneto dizaineriams dar vieną internetinės įvaizdžio parinktį.
GIF vaizdai
Naudokite GIF rinkmenas vaizdams, turintiems nedidelį, fiksuotą spalvų skaičių. GIF failai visada sutampa su ne daugiau kaip 256 unikaliomis spalvomis. GIF failų suspaudimo algoritmas yra mažiau sudėtingas nei JPG failuose, tačiau naudojant plokščias spalvas ir tekstą, jis sukuria labai mažus failų dydžius .
GIF formatas netinka fotografiniams vaizdams ar vaizdams su gradiento spalvomis. Kadangi GIF formatas turi ribotą spalvų skaičių, gradientai ir nuotraukos baigsis juostomis ir pixelation, kai jie bus išsaugoti kaip GIF failas.
Trumpai tariant, jūs naudosite GIF tik paprastus vaizdus, kuriuose yra tik kelios spalvos, bet jūs taip pat galite naudoti PNG (dar daugiau).
JPG vaizdai
Naudokite JPG vaizdus nuotraukoms ir kitiems vaizdams, turintiems milijonus spalvų. Jis naudoja sudėtingą glaudinimo algoritmą, kuris leidžia kurti mažesnes grafikas, prarandant kokybišką vaizdą. Tai vadinama "praradimu" suspaudimu, nes kai vaizdas informacijos prarandamas, kai vaizdas yra suspaustas.
JPG formatas netinka vaizdams su tekstu, dideliais vientisos spalvos blokais ir paprastomis formomis su trapiais kraštais. Taip yra todėl, kad kai vaizdas yra suspaustas, tekstas, spalva ar linijos gali išblukti, todėl vaizdas nėra toks ryškus, nes jis būtų išsaugotas kitu formatu.
JPG vaizdai geriausiai tinka fotografijoms ir vaizdams, kuriuose yra daug natūralių spalvų.
PNG vaizdai
PNG formatas buvo sukurtas kaip GIF formato pakeitimas, kai pasirodė, kad GIF atvaizdams bus taikomas honoraras. PNG grafika turi geresnį glaudinimo lygį nei GIF vaizdai, dėl kurių mažesni vaizdai nei tas pats failas, išsaugotas kaip GIF. PNG failai suteikia alfa skaidrumą, taigi jūs galite turėti savo vaizdų sritis, kurios yra visiškai skaidrios arba netgi naudojamos alfa skaidrumo diapazone. Pavyzdžiui, šešėliai naudojami skaidrumo efektų diapazonu ir būtų tinkami PNG (arba, galų gale, galėtumėte tik užbaigti mus naudojant CSS šešėliai).
PNG vaizdai, pvz., GIF, netinka fotografijoms. Galima apeiti įklijavimo problemą, kuri paveikia nuotraukas, išsaugotas kaip GIF failai, naudojant tikras spalvas, tačiau dėl to gali būti labai didelių vaizdų. PNG atvaizdai netinkamai palaikomi senesniuose mobiliuosiuose telefonuose ir telefonuose.
Mes naudojame PNG bet kokiam failui, kuris reikalauja skaidrumo. Mes taip pat naudoja PNG-8 bet kokiam failui, kuris būtų tinkamas kaip GIF, o ne šis PNG formatas.
SVG vaizdai
SVG reiškia "Scalable Vector Graphic". Skirtingai nuo rastrinių formų, aptiktų JPG, GIF ir PNG, šie failai naudoja vektorius, kurdami labai mažus failus, kurie gali būti pateikiami bet kokio dydžio, nepažeidžiant failo dydžio padidėjimo kokybės. Jie sukurti iliustracijoms, pavyzdžiui, piktogramoms ir net logotipams.
Paruošimas vaizdų pristatymui internetu
Nepriklausomai nuo to, kokį vaizdo formatą naudojate, ir jūsų svetainėje tikrai norite naudoti įvairius įvairių formatus visuose savo puslapiuose, turite užtikrinti, kad visi šioje svetainėje esantys vaizdai būtų paruošti žiniatinklio pristatymui . Per dideli vaizdai gali sukelti svetainės veikimą lėtai ir paveikti bendrą našumą. Siekiant kovoti su tuo, šie vaizdai turi būti optimizuoti, siekiant rasti pusiausvyrą tarp aukščiausios kokybės ir žemiausio failo dydžio, kuris yra tokio lygio.
Tinkamo vaizdo formato pasirinkimas yra mūšio dalis, tačiau taip pat įsitikinkite, kad parengėte šiuos failus yra kitas žingsnis šiame svarbiame pristatymo internete procese.
Originalus straipsnis Jennifer Krynin. Redagavo Jeremy Girard.