Kuidas vähendada GIF-faili suurust parema veebisaidi jõudluse jaoks

Madal GIF teeb tagasituleku lihtsalt sellepärast, et nutitelefonide ja piiratud ribalaiuse kasutajate üha suurema kasutamisega on oodata peaaegu kohe laadimisaegu. Mida väiksemad veebi pildid, seda kiiremini teie pildid laaditakse ja mida teie külastajad õnnelikumad. Lisaks on paljudel veebisaitidel reklaamibännerite suuruse piirangud.

GIF-pildid ja veeb

GIF-pilte ei peeta üheks mõõtmeteks, mis sobiks kõikide lahendustega. GIF-piltidel on maksimaalselt 256 värvi, mis tähendab, et kui te ei hooli, võite oodata tõsist kujutise ja värvi lagunemist. GIF-failivorming on mitmes mõttes pärandformaat, mis läheb tagasi veebi esimestel päevadel. Enne GIF-vormingu kasutuselevõttu olid veebilaadid must-valged ja kokkusurutud RLE-vormingus. Need esmakordselt ilmusid 1987. aastal, kui Compuserve ilmus vormingus veebi pildistamise lahendusena. Tol ajal värv tekkis töölaual ja veebi pääsesid telefoniliini kaudu ühendatud modemid. See tekitas vajaduse pildivormingu järele, mis pidas piisavalt väikeseid pilte telefoniliini kaudu veebibrauseris lühikese korraga.

GIF-pildid sobivad ideaalselt piiratud värvipaletiga, näiteks logo või joonisega, terava servaga graafika jaoks. Kuigi neid saab fotode jaoks kasutada, vähendab värvipalett pildil artefakte. Siiski on Glitch-kunsti liikumine ja cinemagraphi tõus kaasa toonud taas huvi GIF-vormingu vastu.

Kuidas vähendada GIF-faili suurust parema veebisaidi jõudluse jaoks

Need näpunäited aitavad teil muuta GIF-i nii väikeseks kui võimalik.

  1. Kõigi kujutiste eemaldamiseks tühjendage. Teie pildi pikslimõõtmete vähendamine on ühe faili suuruse vähendamise kõige tõhusam viis. Kui kasutate Photoshopit, töötab käsk Trim selle jaoks hästi.
  2. Kui valmistate gif-pildi, võite vähendada väljundi mõõtmeid.
  3. Vähendage pildi värve.
  4. Animeeritud GIF-failide jaoks vähendage pildis olevate kaadrite arvu.
  5. Kui kasutate Photoshop CC 2017, saate luua GIF-faili, kasutades menüükäsku Ekspordi. Valige File> Export As ... ja kui menüü avaneb, valige failivorminguks GIF ja vähendage kujutise füüsilisi mõõtmeid (laius ja kõrgus).
  6. Kui kasutate Adobe Photoshop Elements 14, valige Fail> Salvesta veebist. See avab dialoogiboksi Save To Web, mille leiate ka Adobe Photoshop CC 2017 failist> Export> Save for Web (Legacy) . Kui see avaneb, saate seda värvi rakendada, vähendada pildi värvi ja füüsikalisi mõõtmeid.
  7. Vältige äravoolu. Mõõdistamine võib muuta mõned pildid paremaks, kuid see suurendab faili suurust. Kui teie tarkvara seda võimaldab, kasutage täiendavate baidide salvestamiseks väiksemat ditheringut.
  1. Mõnel tarkvaral on GIF-ide salvestamiseks võimalus "kadunud". See valik võib märkimisväärselt vähendada faili suurust, kuid see vähendab ka pildikvaliteeti.
  2. Ärge kasutage põimimist. Interlacing suurendab tavaliselt faili suurust.
  3. Nii Photoshop kui Photoshop Elements näitavad teile allalaadimisaega. Ära pööra sellele tähelepanu. See põhineb 56k modemi kasutamisel. Valikuline number ilmub siis, kui valite hüpikmenüüst kaabli Modem.

Näpunäited:

  1. Vältige kasutu animatsiooni. Liigne animatsioon ei lisa mitte ainult teie veebisaidi allalaadimisaega, kuid paljud kasutajad leiavad, et see häirib.
  2. GIF-pildid, millel on suured tahkete ja horisontaalsete mustriplokid, kokku paremad kui värvide, pehmete varjude ja vertikaalsete mustritega pildid.
  3. GIF-ide värvide vähendamisel saad parima tihendamise, kui numbrite värvid on määratud nende võimaluste väikseima võimalusega: 2, 4, 8, 16, 32, 64, 128 või 256.

Värskendas Tom Green