Så här komprimerar du animerade GIF-filer utan att förlora bildkvaliteten

Animerade GIF-filer, mer än något annat digitalt bildformat, har blivit inblandade i online-kultur. JPEG är mer eller mindre en fortsättning på traditionell fotografering, men GIF är något nytt och kraftfullt. Utbrett bredband har lett till videostreaming under det senaste decenniet, men innan det var det enda sättet att enkelt dela rörliga bilder var att använda GIF.

GIF har flyttat bortom ett primitivt ljudlöst videoformat. Med framgången med webbplatser som Tumblr och Reddit är de en konstform i sig. Reaction GIFs är några av de mest populära memesna. 

GIF-formatet är emellertid inte lika bra vid komprimering som JPEG eller PNG. Den enda anledningen till att GIF fortsätter att vara så framgångsrik är att formatet tillåter animering. Att skapa en komprimerad GIF med bra detalj kräver då en viss tanke. De flesta GIF-filer som du ser online är antingen löjligt stora filer eller komprimerade hemskt. 

Låt oss titta på hur man komprimerar animerade GIF-filer utan att krossa dem.

Varför Komprimera Gifs?

Som jag berörde ovan brukar GIF-filer springa stort. En GIF kan vara tio gånger filstorleken för en identisk filmfil. Om du vill ha snygga GIF-filer som kan delas på webben, presenterar detta ett problem.

Om du använder höghastighetsbredband lägger du inte in en 10 MB GIF inbäddad i en webbsida, det är inte ett problem. Det kan ta en sekund eller två men du märker knappt. Problemet är att många människor inte har tillgång till internet med snabb anslutning.

Miljoner nya människor får tillgång till internet varje år, de allra flesta i utvecklingsländerna. De har inte alltid lyxen till snabb, prisvärd tillgång till internet. Deras anslutningar är ofta långsamma och dyra. När du utformar innehåll för internet, som animerade GIF-filer, bör du överväga sådana användare.

ImageOptim kan komprimera bilder utan förlust för att göra dem mer tillgängliga.

Även inom utvecklade länder är deras ett stort antal personer som har begränsad, dyr tillgång till internet: mobila användare. Smartphones är nu det dominerande sättet som de flesta människor får på nätet. Medan mobila data kan vara otroligt snabba på vissa områden är det dyrt. Om mer än hälften av de personer som tittar på din GIF ska göra det med en smartphone så ska den komprimeras ordentligt.

Slutligen förstår de flesta platser där GIFs är värd förstå dessa två problem. Det innebär att de lägger gränser för filstorlek vid uppladdningar eller kör dem via egna komprimeringsalgoritmer. Om du inte komprimerar din egen GIF ordentligt kommer den att vara till nåd av vilken förlust som en annan har valt. Om dina GIF-filer komprimeras korrekt kommer det att vara mycket mindre av ett problem.

Hur man gör bra gifs

Det går inte att komprimera en ineffektiv och dåligt gjort GIF. Skräp in skräp ut. Om du ska göra ett försök att göra en GIF, ska du göra det bra i alla skeden. Om du precis börjat göra GIF, föreslår jag Jose Antunes handledning Cinemagraphs: Hur man skapar animerade bilder i Adobe Photoshop.

Gör en väl optimerad GIF i Photoshop.

Martin Perhiniak har skrivit en bra handledning om sätt att optimera en animerad GIF-fil. Du bör kolla in det innan du fortsätter. Huvudavhämtningen är att det finns ett antal viktiga beslut att göra runt bildstorlek, GIF-längd, antal ramar, antal färger och kvalitet. Genom att begränsa din GIF på mindre viktiga områden kan du behålla detaljer där du vill ha det.

Hur man komprimerar GIF förlustlöst

Medan det finns kommersiella verktyg, kommer en av de bästa optimeringsalgoritmen från open source-verktyget Gifsicle. Gifsicleens kompressionsalgoritm jämför varje ram till föregående och beräknar skillnaden. Det sparar då bara ändringarna, istället för att integrera alla de överflödiga detaljerna. Det betyder att om bara ett litet område av bilden ändras mellan varje ram får du en mycket mindre filstorlek. Det är ett otroligt effektivt sätt att komprimera förlustlöst något.

Gifsicle är dock ett kommandoradsverktyg. Om du är bekant med kommandoraden kan du gå vidare och använda det som det är. Klona bara Gifsicle från GitHub och du är bra att gå. 

ImageOptim Använda Gifsicle's algoritm kan spara ganska lite filstorlek från dåligt optimerade GIF-filer.

Kommandoradsalternativet är för tekniskt för de flesta. Lyckligtvis finns det ett par bildoptimeringsappar som använder Gifsicle's algoritm.

Om du är på en Mac är ImageOptim den bästa lösningen. Förutom att komprimera GIF-filer utan förlust kan den också hantera JPEG och PNG.

För Windows-användare använder FileOptimizer också Gifsicle för att driva GIF-komprimeringen. I likhet med bilder verkar FileOptimizer kunna komprimera nästan allt.

Det finns också några webbapplikationer som komprimerar GIF-filer. Compressor.ios förlustfria GIF-komprimering använder Gifsicle, så det är det jag skulle rekommendera. Många av de andra webbapparna erbjuder bara lossy komprimering.

Sätta det i praktiken

Hur mycket Gifsicle kan komprimera din GIF beror på hur bra du optimerar det på förhand. Om du skapar en väldesignad GIF i Photoshop kan Gifsicle komprimera den ytterligare två till fem procent. Om du börjar med en dåligt optimerad GIF, kan den dock komprimera den mycket mer.

Jag skapade GIF ovan i Photoshop från en kort video jag sköt. Jag gjorde medvetet det så svårt som möjligt för Gifsicle; nästan hela bilden flyttas mellan varje ram. 

Den ursprungliga videofilen kom in på 20 MB. När jag konverterade den till en GIF i Photoshop kunde jag sätta ner den till ca 4 MB, men på bekostnad av mycket detaljer. Köra det genom ImageOptim reducerade det ytterligare 4% till 3,8 MB på knappen utan att förlora mer kvalitet.

Jag sprang också ett slumpmässigt sortiment av GIFs från Giphy genom ImageOptim. Jag har en rad värden från 0% till 24,9% kompression. Återigen var detta utan kvalitetsförlust till GIF: erna.

Avslutar

GIF är oerhört populära på nätet. Tyvärr brukar de vara ganska stora eller dåligt komprimerade filer. För personer som använder internet från långsamma eller dyra anslutningar är detta ett problem.

Med appar som ImageOptim, FileOptimizer och Compressor.io kan du använda Gifsicle's kraftfulla komprimeringsalgoritm för att reducera dina GIF-filer förlustlöst. Beroende på hur bra du gjorde det kan du raka bort mellan 2 och 25% av filstorleken.