GIF-komprimering online. Hur man minskar vikten av GIF-animationer

För permanenta länkar kan du använda: https://site/resize?url=https://example.com/image.gif

Ändrad bildstorlek:

(Var tålamod, storleksändring kan ta lite tid, beroende på filstorlek och vald storleksändringsmetod)

Bildförändring online

Ezgifs bildförändringsverktyg online kommer att ändra storlek, beskära eller vända animerade gifs och andra bilder, med samma kvalitet och hastighet som professionell programvara, utan att behöva köpa och installera någonting.
Användbart när du behöver minska GIF-storleken eller anpassa bilden i specifika mått.

Det är ibland svårt att ändra storlek på GIF-animationer, och du kommer förmodligen att behöva välja mellan en mindre filstorlek eller bildkvalitet.
Vissa gifs kan behöva alternativet "coalesce" (som tar bort alla optimeringar från ramar) om andra metoder misslyckas och utdatabilden flimrar eller har konstiga artefakter, men det kan öka filstorleken avsevärt och är mycket långsam.

Prova olika storleksändringsmetoder om du inte är nöjd med resultatet.
Gifsicle är vanligtvis det snabbaste verktyget och producerar mindre filer, men är designat för hastighet, inte kvalitet.

Du kan välja vilken åtgärd som ska utföras om källbildens bildförhållande och den valda storleken inte stämmer överens - centrera och beskära bilden, sträck ut bilden så att den passar eller tvinga fram det ursprungliga bildförhållandet.

Du kan också använda det här verktyget för att ändra storlek på animerade WebP-, APNG-, FLIF- och MNG-filer utan att förlora animation och andra vanliga bildtyper.

Jag föreslår att du använder en onlineredigerare som heter " Ezgif.com", där du inte bara kan ändra storleken på animerade bilder, utan också optimera dem, d.v.s. minska deras vikt.

Med hjälp av denna onlineredigerare kan du göra om många banners från Internet efter eget gottfinnande, och du behöver inte arbeta med designen. Du skriver bara din text och bannern är klar.

Låt oss komma hit

Onlineredigeringsverktyg "Ezgif.com"

För att snabbt redigera GIF-bilder är det bättre att använda en onlineredigerare än Photoshop. Många har trots allt ingen aning om hur man arbetar med Photoshop, men här kan du redigera vilken GIF-bild som helst på några minuter

Onlineredigeraren ser ut så här:



Editor "Ezgif.com" för redigering av animerade GIF-bilder

Naturligtvis når den inte funktionaliteten i Photoshop, men den har alla nödvändiga verktyg för att redigera GIF-bilder.

Onlineredigeringsfunktioner:

  1. Beskär en bild

  2. Ändring av storlek

  3. Bildoptimering

  4. Lägga till effekter

  5. Ändra animationshastighet

  6. Parsar animation i ramar (fragment)

  7. Lägger till text

  8. Lägg över en annan bild

Det verkar som en enkel redigerare, men vilken kraftfull sådan.

Låt oss nu titta på alla listade verktyg separat.

Beskära: ett enkelt onlineverktyg för att klippa animerade bilder.

Ladda upp bilden och använd sedan musen för att välja önskad del av bilden som du vill beskära. Klicka sedan på " Beskär det" och allt är klart.

När du har laddat upp en bild visas information om den under bilden: storlek i KB, bildens mått och hur många ramar den innehåller.


När du beskär en bild kan du ställa in storleken manuellt. För att göra detta, under bilden måste du ange fälten " Vänster», « Topp», « Bredd"och" Höjd» ange önskade värden.

Ändra storlek: Med det här verktyget kan du ändra storlek på bilden eller beskära den. Efter förminskning förblir bilden samma kvalitet och animeringshastigheten ändras inte.

På åkrarna " Ny bredd"och" Ny höjd" du måste ställa in en ny bildstorlek, eller så kan du helt enkelt ange procentandelen (Procentandel) och klicka sedan på " Ändra storlek på den!" Bilden kommer att förminskas med den procentandel du angett.

Med det här verktyget kan du snabbt och enkelt ändra storlek på GIF-bilder. När bildstorleken ökar kommer kvaliteten att gå förlorad.

Om bilden efter ändringen på något sätt börjar visa animationen dåligt kan du försöka ställa in en annan storlek

Optimera: och med det här verktyget kan du ändra storleken (vikten) på GIF-filen. Bildens vikt blir mindre genom att minska antalet färger i varje ram. Varje GIF-ram innehåller upp till 256 unika färger, men genom att minska mängden färg kan du uppnå en mindre filstorlek.

Optimering har många metoder, men du kan välja det bästa alternativet så att bildkvaliteten förblir god. Läs mer om optimering på hemsidan.

Effekter (effekter, ändra bildfärg): Med det här verktyget kan du vända en bild horisontellt och vertikalt.

Du kan också rotera bilden i en viss vinkel om du ställer in graden i " Rotera" Du kan tilldela en annan färg till bilden, göra den svartvit eller ge den någon annan nyans.

Hastighet (ändra hastigheten på GIF-animering): Detta verktyg är utformat för att ändra hastigheten på animeringen.

Om du vill ändra animeringshastigheten proportionellt mot den nuvarande, använd sedan en procentsats " % av aktuell hastighet", och för att ställa in fördröjningen mellan bildrutor måste du använda metoden " " Parameter " hundratals sekunder mellan bildrutor» ställer in fördröjningstiden mellan bildrutor i hundradelar av sekunder (1/100)

Dela (tolka en GIF-bild i ramar): eh Detta verktyg är utformat för att konvertera animerade GIF-bilder till individuella ramar, varefter varje bildruta kan redigeras separat.

Alla ramar av den animerade bilden kan laddas ner till din dator. För att göra detta, högerklicka på ramen och välj sedan " spara bild som..." Du kan också ladda ner alla ramar i ett zip-arkiv genom att klicka på " Ladda ner ramar som ZIP»

Skriv (lägg till text): eh Detta verktyg låter dig lägga till text till GIF-animationer. Du kan lägga till text till hela GIF-bilden eller till enskilda ramar. Texten på bilden kan flyttas med musen.

Överlagring (överlagring av en annan bild): Med det här verktyget kan du lägga över en annan bild på en GIF-bild, helst i PNG- eller GIF-format.

På Internet anses GIF-formatet vara ett av de vanligaste. Dess höga popularitet förklaras av det faktum att GIF-filen har en imponerande komprimeringsalgoritm och stöder transparensfunktionen. Skapa därför animation med reklam banners så enkelt som att sparka in bollen i ett tomt mål.

Det är sant att det finns en liten nyans. Då och då ställs designers inför behovet av att ändra storlek på GIF-filer. Vissa människor behöver minska den, andra behöver öka den. Hur redigerar man sådant innehåll? Ska jag till exempel trimma eller krympa den? Skulle du ha en vanlig? jpeg-fil, sådana frågor skulle inte uppstå. Pressa in den grafisk redaktöräven utan speciella kunskaper. Bara ett par klick och jobbet är perfekt gjort.

Hur man redigerar en GIF

Som ni vet arbetar de flesta grafiska redigerare uteslutande med stillbilder. Speciellt för dig har vi skapat ett urval av de mest effektiva programmen för att komprimera sådana filer, trimma dem och efterföljande bearbetning av animationer. Nu kommer du inte längre att ha frågor om hur man komprimerar GIF-filer online. Välj ett program från listan - vi önskar dig trevlig användning!

GIF Resizer

En unik redigerare i alla avseenden som låter dig ändra storleken på GIF-filer med bara några klick. För att göra detta måste du följa dessa grundläggande steg:

  • Kör programmet.
  • Hitta knappen "Ändra storlek" i menyn och klicka på den.
  • Genom att klicka på knappen "Bläddra" väljer du filen du är intresserad av.
  • Ange nödvändiga parametrar (längd och bredd).
  • Klicka på "Apply" och vänta några sekunder.
  • Klart - det animerade innehållet har nu storleken som förväntat.
GIF Resizer-gränssnitt

Med GIF Resizer kan du dessutom lösa följande problem:

  • Ändra format.
  • Ta bort logotypen från animeringen.
  • Minska/öka storleken på den animerade bilden.
  • Konvertera GIF till JPG, dela upp i separata ramar.
  • Konvertera till PNG.

Vi kommer inte att uppehålla oss vid denna funktion, eftersom vi bara är intresserade av att komprimera animationer i GIF-format. Vet bara att när du står inför en mängd olika redigeringsuppgifter för animationer är det vettigt att använda Resizer.

Ezgif

En premiumtjänst som låter dig komprimera GIF- och PNG-filer. Dessutom har den många olika verktyg som låter dig applicera effekten.

Hur använder man Ezgif? Öppna huvudsidan för tjänsten, klicka på "Bläddra". När filen är vald återstår bara att klicka på Ladda upp. Olika komprimeringsalternativ kommer att finnas tillgängliga efter nedladdning. Mest bästa alternativet i storlek/kvalitetsförhållande – Medium.

GIF-kompressor

Intressant på sitt sätt GIF-program Kompressor. Den kan komprimera animationer på bara två enkla komprimeringar. Du kan göra detta med flera filer samtidigt. Maximal storlek GIF-fil – 50 MB.

Vilken applikation gillade du bäst?

Hej alla som läser nu. Idag ska jag berätta om mina flera sätt att minska storleken (vikten) på en bild, skärmdump, fotografi, GIF-animation utan att förlora kvalitet för att infoga på en webbplats.

Att minska storleken på en bild på olika sätt

Varje bild eller bild, kalla det vad du vill ;), har sin egen storlek, som består av flera punkter, dessa är vertikal höjd, horisontell bredd (px) och vikt - kilobyte (KB), megabyte (MB).

Att minska storleken (vikten) på bilden kommer att ha en positiv effekt på webbplatsens laddningshastighet - webbprestanda, och kommer också att hjälpa till att spara utrymme på din värd, dator eller flash-enhet.

Håller med, bilder tagna på professionella kameror (DSLR) kan ibland väga mer än 2 megabyte och vara 2500 px breda. Om en sådan bild infogas på sajten utan komprimering kommer det att avsevärt öka laddningstiden, vilket idag PS tillämpar ett filter för, speciellt för Google PS.

Den första metoden är att optimera bilden innan du laddar upp den till webbplatsen i Photoshop.

Jag måste säga att detta är den mest populära metoden för att ändra storlek och komprimera bilder bland webbplatsägare. Den är också lämplig för vanliga internetanvändare. Samtidigt är åtgärderna som utförs av detta program minimala, vilket också är viktigt för nybörjarbloggare.

  • 1. Öppna ny fil med hjälp Photoshop-program och klicka sedan på "Spara för webben".
  • 2. Ett nytt fönster öppnas, där vi ställer in nödvändiga parametrar: kvalitet, format och storlek på bilden.

Så det räcker att ändra kvaliteten från höga siffror från 60 till genomsnittliga siffror från 30-50 för att avsevärt minska vikten. Den önskade kvaliteten kan fungera som vägledning. I förhandsgranskningsfönstret kontrollerar du hur mycket bilden ändras.

När det gäller bildformatet väljer jag att spara det som Jpeg om det är ett färgfoto, och om jag behöver spara genomskinligheten av ett lager eller en svartvit skärmdump, då är det som regel i Png-format så att texten och siffrorna på den läses tydligare. Om ämnet Photoshop, läs: använda det här programmet.

Jag ändrar bildstorleken (i pixlar) i samma fönster, vilket är bekvämt. Jag klickar på "Spara" och skriver sedan filnamnet på latin.

Det andra sättet att komprimera bilder med hjälp av onlinetjänster

För att vara ärlig, tar jag till denna metod extremt sällan. Dessa tjänster hjälper dock till att komprimera flera (batch)bilder samtidigt utan att förlora kvalitet, vilket påverkar produktiviteten. Dessa är de välkända tjänsterna krakin.io, TinyPNG; Compresspng och andra.

Jag ska berätta om en sak till - det här är Optimizilla, som jag testade och jag gillade verkligen resultaten. Prova det också.

Skärmdumpen visar att ett JPEG-foto som väger 60 KB laddades in i systemet. Tjänsten komprimerade den automatiskt med 39 % till 37 KB, men visuellt påverkades praktiskt taget inte kvaliteten.

Med hjälp av det praktiska skjutreglaget eller [+ -]-tecknen kan du leka med bildkvaliteten; zooma in på fotot och titta närmare på alla detaljer efter komprimering innan du sparar. Detta är en mycket relevant funktion för förhandsgranskning av foton för webbplatser med en fotografs portfölj, turism, kvinnors resurser, onlinebutiker, där högkvalitativa produktbilder är viktiga.

Ändra storlek på en bilds höjd och bredd

Processen att ändra storlek på en bilds bredd och höjd tror jag idag inte längre orsakar några svårigheter för någon. Detta kan göras både online och i den vanliga grafiska editorn Paint eller det mer bekväma Paint.NET.

Öppna en ny fil i programmet, klicka på "Ändra storlek", notera att den är i pixlar, samtidigt som proportionerna bibehålls. OK.


Ändra vikten på en bild i Gif-format online

I den här delen av artikeln kommer jag att berätta hur du snabbt komprimerar inte bara bilder i JPEG, PNG, SVG, utan även Gif-format. Gif-bilder väger ganska mycket, så det finns ett stort antal förfrågningar om hur man kan minska vikten på en GIF-bild utan att förlora animation och ytterligare ansträngning).

  • Låt oss använda den första onlinetjänsten Compressor.io .

Compressor.io är ett kraftfullt onlineverktyg för att dramatiskt minska storleken på din digitala foton och GIF-animationer. Det låter dig spara hög kvalitet bilder, använder två typer av komprimering, där det finns en skillnad och det är ingen skillnad före och efter komprimering. Det är så de karaktäriserar sin tjänst, och startsida du kan vara säker på detta.

För ett exempel på Gif-animationskomprimering, se skärmdumpen. Du kan ladda ner den optimerade bilden på ett sätt som är bekvämt för dig: till din dator, spara till Dropbox, Google Drive (drive.google.com).

  • Andra tjänsten Bildoptimerare online.

Tjänstens namn talar för sig själv. Online Image Optimizer optimerar enkelt olika bildformat, inklusive Gif-animering. Ladda bara upp bilden och klicka på "Optimera". Dessutom hjälper tjänsten Online Image Optimizer dig att snabbt skapa inte bara en favoritikon för en webbplats, utan har också många användbara onlineverktyg i sin arsenal.


  • Den tredje metoden är ett applikationsprogram SuperGIF för MacOS och Windows.


Du kan köpa betald version SuperGIF eller ladda ner en demo gratis, där det finns små begränsningar för funktionalitet.

På det officiella ryska språket versioner av Photoshop Sedan urminnes tider har alternativet "Dithering" översatts till "Dithering", vilket milt uttryckt är en felaktighet. I detta sammanhang betyder "Dithering" "utjämning", utjämning av övergångarna från en färg till en annan.
Eftersom GIF innehåller ett begränsat antal färger, för att förbättra utseendet på din ritning, kan du behöva skapa övergångar mellan enskilda färger, vilket innebär att simulera saknade färger. För att skapa dessa färger finns alternativet "Dither". Det finns totalt fyra algoritmer för sådan anti-aliasing-simulering - "No Dither", "Random", "Regular" och "Noise":

Låt oss titta på algoritmerna mer detaljerat (jag hoppas att allt är klart med läget "Ingen dithering").

Använder algoritmen "Slumpmässig"(Diffusion), vi kan justera mängden utjämning.
I algoritmer "Regelbunden"(Mönster) och "Ljud"(Brus) det finns inga inställningar, Photoshop gör allt automatiskt.

För vissa bilder är "Dither" helt enkelt nödvändigt, men kom ihåg att ju högre dess värde, desto större filstorlek, eftersom den lägger till färgglada pixlar i närheten av varandra för att simulera sekundära färger eller jämna färggraderingar.

4. Övriga inställningar

"Förluster"(Lossy) - kontroll av förlustnivå visuell information vid kantutjämning, vilket kan minska filstorleken, men också försämra bildkvaliteten. Tillgängligt när alternativet Interlaced är inaktiverat.

"Genomskinlighet"(Transparens) - det är vettigt att aktivera det om bilden innehåller genomskinliga områden. Utjämningsalgoritmer fungerar enligt principen om alternativet "Dithering" och kallas detsamma.

5. Jämförelse av original och optimerade versioner

När du har lagt till dina inställningar i dialogrutan Spara för webben kommer den optimerade versionen att uppleva förändringar, nästan alltid på bekostnad av kvaliteten. Kontrollera noggrant det erhållna resultatet, jämför det med källan:

Du kan se animeringen och även ställa in upprepningsalternativ - en gång, konstant, eller ställa in ditt eget antal upprepningar:

Om du är nöjd med resultatet, fortsätt till nästa steg - spara animationen.

6. Justera animeringsoptimeringen till den angivna filstorleken

Det här alternativet är också tillgängligt när du sparar animering i Photoshop. Du kan ställa in storleken på utdatafilen, och baserat på detta kommer Photoshop själv att utföra optimering och justera filstorleken till den du anger.

Klicka på knappen i det övre högra hörnet och välj raden "Optimera till filstorlek"

7. Förhandsgranska animering i webbläsaren, spara optimeringsparametrar

Efter att du har plockat nödvändiga inställningar, spara dem i en uppsättning. Klicka på ikonen i det övre högra hörnet av sparfönstret för webben och klicka på raden "Spara inställningar":

Vi kan förhandsgranska animeringen med våra inställningar i webbläsaren genom att klicka på knappen i det nedre vänstra hörnet av fönstret:

Inte bara animationen kommer att visas, utan också all data på GIF-filen - volym, linjära dimensioner, etc., såväl som HTML-koden. Till exempel tog jag animationen från den här lektionen:

Om du gillar allt, spara filen. För att göra detta, klicka på knappen "Spara" i det nedre högra hörnet av dialogrutan. Ett nytt fönster öppnas, där vi väljer sökvägen, ställer in inställningarna som visas i figuren (detta är standardinställningarna) och klickar på knappen "Spara":

Animeringen kommer att sparas. Om du fortfarande inte gillar något kan du optimera igen med den sparade uppsättningen inställningar.

Dela med sig