Slik komprimerer du animerte GIF-filer uten å miste bildekvalitet

Animerte GIFer, mer enn noe annet digitalt bildeformat, har blitt innblandet i onlinekultur. JPEG er mer eller mindre en videreføring av tradisjonell fotografering, men GIF er noe nytt og kraftig. Utbredt bredbånd har ført til videostreaming i det siste tiåret, men før det var den eneste måten å dele bilder med, enkelt ved å bruke GIFs.

GIF har flyttet utover et primitivt, lydløst videoformat. Med suksess på nettsteder som Tumblr og Reddit, er de en kunstform i seg selv. Reaksjons GIF er noen av de mest populære memes. 

GIF-formatet er imidlertid ikke så godt i komprimering som JPEG eller PNG. Den eneste grunnen til at GIF fortsetter å være så vellykket, er at formatet tillater animasjon. Å lage en komprimert GIF med god detalj, krever derfor litt tanke. De fleste GIF-er du ser på nettet, er enten ludicrously store filer eller forferdelig komprimert. 

La oss se på hvordan du komprimerer animerte GIF uten å knuse dem.

Hvorfor komprimere gifs?

Som jeg rørte på ovenfor, har GIF-filer en tendens til å løpe stort. En GIF kan være ti ganger filstørrelsen til en identisk filmfil. Hvis du vil ha flotte GIFer som kan deles rundt på nettet, presenterer dette et problem.

Hvis du bruker høyhastighets bredbånd, er det ikke et problem å laste inn en 10 MB GIF innebygd i en nettside. Det kan ta et sekund eller to, men du vil knapt legge merke til. Problemet er at mange mennesker ikke får tilgang til internett ved hjelp av en rask tilkobling.

Millioner nye mennesker får tilgang til internett hvert år, de aller fleste av dem i utviklingsland. De har ikke alltid luksusen til rask, rimelig internettilgang. Deres tilkoblinger er ofte sakte og kostbare. Når du designer innhold på internett, som animerte GIF, bør du vurdere slike brukere.

ImageOptim kan kompliserte bilder komplisert for å gjøre dem mer tilgjengelige.

Selv innenfor utviklede land er deres et stort antall mennesker som har begrenset og dyr tilgang til internett: mobile brukere. Smarttelefoner er nå den dominerende måten de fleste får på nettet. Mens mobildata kan være utrolig rask i enkelte områder, er det dyrt. Hvis mer enn halvparten av de som ser GIF-en din, skal gjøre det med en smarttelefon, må den komprimeres riktig.

Til slutt forstår de fleste stedene hvor GIF er vert, disse to problemene. Dette betyr at de plasserer filstørrelsesgrenser på opplastinger eller kjører dem gjennom egne komprimeringsalgoritmer. Hvis du ikke komprimerer din egen GIF på riktig måte, vil den være til nåd av uansett tapende komprimering som noen andre har valgt. Hvis GIF-ene dine er komprimert, vil dette være langt mindre av et problem.

Hvordan lage gode Gifs

Det er ikke noe poeng å komprimere en ineffektiv og dårlig gjort GIF. Søppel inn søppel ut. Hvis du skal forsøke å lage en GIF, bør du gjøre det bra på alle stadier. Hvis du bare begynner å lage GIF, foreslår jeg Jose Antunes opplæring Cinemagraphs: Hvordan lage animerte bilder i Adobe Photoshop.

Å lage en godt optimalisert GIF inn Photoshop.

Martin Perhiniak har skrevet en flott opplæring på måter å optimalisere en animert GIF-fil. Du bør sjekke det ut før du fortsetter. Hovedopptaket er at det er en rekke viktige beslutninger for å lage rundt bildestørrelse, GIF-lengde, antall rammer, antall farger og kvalitet. Ved å begrense din GIF på mindre viktige områder, kan du opprettholde detaljene der du vil ha det.

Hvordan komprimere Gifs Losslessly

Mens det finnes kommersielle verktøy, kommer en av de beste optimaliseringsalgoritmen fra open-source verktøyet Gifsicle. Gifsicle's komprimeringsalgoritme sammenligner hver ramme til den forrige og beregner forskjellen. Det sparer da bare endringene, i stedet for å inkorporere alle overflødige detaljer. Dette betyr at hvis bare et lite område av bildet endres mellom hver ramme, får du en mye mindre filstørrelse. Det er en utrolig effektiv måte å komprimere noe utenom.

Gifsicle er imidlertid et kommandolinjeverktøy. Hvis du er kjent med kommandolinjen, kan du gå videre og bruke den som den er. Bare klone Gifsicle fra GitHub, og du er god til å gå. 

ImageOptim bruk av Gifsicle's algoritme kan lagre ganske mye filstørrelse fra dårlig optimaliserte GIFer.

Kommandolinjealternativet er for teknisk for de fleste. Heldigvis finnes det et par bildeoptimaliseringsapper som bruker Gifsicle's algoritme.

Hvis du er på en Mac, er ImageOptim den beste løsningen. I tillegg til å komprimere GIF-filer, kan den også håndtere JPEG og PNG.

For Windows-brukere bruker FileOptimizer også Gifsicle for å drive GIF-komprimeringen. I tillegg til bilder, synes FileOptimizer å kunne komprimere omtrent alt.

Det er også noen webapplikasjoner som komprimerer GIFs. Compressor.io's lossless GIF-komprimering bruker Gifsicle, så det er det jeg vil anbefale. Mange av de andre nettappene tilbyr bare lossy komprimering.

Setter det til praksis

Hvor mye Gifsicle kan komprimere GIF, avhenger av hvor godt du optimaliserer det på forhånd. Hvis du lager en godt designet GIF i Photoshop, kan Gifsicle komprimere den ytterligere to til fem prosent. Hvis du starter med en dårlig optimalisert GIF, kan den imidlertid komprimere den mye mer.

Jeg opprettet GIF ovenfor i Photoshop fra en kort video jeg skutt. Jeg har bevisst gjort det så vanskelig som mulig for Gifsicle; nesten hele bildet beveger seg mellom hver ramme. 

Den opprinnelige videofilen kom inn på 20 MB. Da jeg konverterte den til en GIF i Photoshop, klarte jeg å få det ned til rundt 4 MB, men på bekostning av mye detalj. Kjører det gjennom ImageOptim reduserte det en annen 4% til 3,8 MB på knappen uten å miste mer kvalitet.

Jeg kjørte også et tilfeldig utvalg av GIFs fra Giphy gjennom ImageOptim. Jeg har en rekke verdier fra 0% til 24,9% komprimering. Igjen var dette uten tap i kvalitet til GIF-ene.

Wrapping Up

GIF er utrolig populære online. Dessverre har de en tendens til å være ganske store eller dårlig komprimerte filer. For folk som får tilgang til internett fra sakte eller dyre tilkoblinger, er dette et problem.

Med applikasjoner som ImageOptim, FileOptimizer og Compressor.io, kan du bruke Gifsicle's kraftige komprimeringsalgoritme for å redusere GIF-ene dine løst. Avhengig av hvor godt du har gjort det, kan du barbere hvor som helst mellom 2 og 25% av filstørrelsen.