Bez obzira na to kako ste dobili GIF animaciju, možete smanjiti njezinu veličinu.
Ako ste koristili našu uslugu za izradu GIF animacije iz videa, preporučujemo korištenje originala za eksperimente, jer kako svaka konverzija može pogoršati kvalitetu rezultirajuće datoteke.
Svi primjeri temeljit će se na kratkom isječku FullHD videa od 16 sekundi i 30 sličica u sekundi.
Malo teorije o GIF-u
Ukratko: GIF ima maksimalno 256 boja (8 bita) + kompresija bez gubitaka (LZW).
Kao i svaka kompresija bez gubitaka, ne komprimira datoteku previše. Kao rezultat toga, smanjit ćemo veličinu za najviše 50% (uvelike ovisi o slici).
Testni video:
Izračunavamo veličinu jednog okvira: 1920 * 1080 * 40%-100% = 0,8-2 MB.
Sada izračunajmo za 16 sekundi videa: 16 sec * 30 sličica u sekundi * (0,8-2) mb = 384-960 mb!
Ispostavilo se da je naša izvorna datoteka nakon pretvorbe 309 MB. Manje od proračunatog, ali još uvijek veliko.
Jesi li iznenađen? Ali veličina izvornog videa je samo nekoliko megabajta! Kako to može biti?
Jednostavno je: GIF je ogroman, da, super je, ali morate znati raditi s njim.
1. korak: smanjite GIF. Veličina slike
Svakako smanjite veličinu na odgovarajuću veličinu (ne više od 640 piksela na većoj strani).
U ovom slučaju veličina će biti: 640 * 360 * 40%-100% = 90-225 kb.
I veličina videa: 16 s * 30 okvira * 90-225 kb = 42-105 mb.
Ispostavilo se da je naša izvorna datoteka nakon pretvorbe 38 MB. Manje od proračunatog, ali još uvijek veliko.
Puno? Da. Samo naprijed...
Korak 2. Broj okvira
30 okvira je cool, ali nažalost za GIF je puno.
Smanjite broj na 10 okvira i smanjit ćete veličinu za 3! puta.
Mi računamo: 16 s * 10 okvira * 90-255 kb = 14-35 mb.
Ispostavilo se da je naša izvorna datoteka pri pretvorbi 14,5 MB. Već bolje.
Na primjer, ako vaš video ima 60 sličica u sekundi, možete smanjiti iz sljedećeg raspona: 1, 2, 3, 4, 5, 6, 10, 15, 20, 30.
A ako ima 25 okvira, onda će red biti: 1, 5...
Ili 30: 1, 2, 3, 6, 10, 15.
Korak 3: Smanjite trajanje animacije
Smanjite/izbrišite scene koje vam ne trebaju, odnos je ovdje jednostavan - izrežite 2 puta - dobit ćete 2 puta manju veličinu.
Korak 4. Optimizirajte GIF. Izbor kvalitete.
Postoje posebni uslužni programi za sažimanje GIF animacija, na primjer, GIFsicle.
Napravili smo to online posebno za vas. Samo odaberite datoteku i kliknite optimiziraj.
Također možete kontrolirati kvalitetu datoteke.
Napravili smo tri različite verzije GIF animacije za procjenu kompresije korištenjem smanjenja veličine:
- Veličina pri 100% kvaliteti: 13,3 MB
- Veličina pri 50% kvaliteti: 13,3 MB
- Veličina pri 0% kvaliteti: 10,1 MB
Animacije u GIF formatu često se mogu pronaći na internetu, ali ponekad zauzimaju previše prostora na mediju. Za rješavanje ovog jednostavnog zadatka ne trebate instalirati specijalizirani softver na svoj uređaj, pa ćemo vam danas pokazati kako možete smanjiti veličinu i težinu GIF animacije pomoću online usluga.
Prije nego što počnete, želimo vas upozoriti da nećete moći komprimirati datoteku za više od 70%. Kako biste koristili online uslugu, prvo ćete morati preuzeti GIF animaciju na svoj uređaj.
Metoda 1. ILoveIMG
Intuitivna i vrlo praktična mrežna usluga koja vam omogućuje izvođenje različitih manipulacija s grafičkim podacima, kao i njihovo komprimiranje.
1.
Koristite gornju vezu i odaberite odjeljak u prozoru koji se otvori "Komprimiraj sliku."
2. Pritisnite poseban gumb "Odaberi slike."
3.
Među datotekama sustava odaberite svoju GIF animaciju i kliknite gumb "Otvoren".
4. Ako želite obraditi nekoliko GIF-ova odjednom, koristite znak plus.
5. Svi učitani objekti mogu se brisati ili naginjati pod željenim kutom.
6. Nakon što završite s preliminarnom pripremom, koristite gumb "Kompresiraj slike".
7. Nakon dovršetka kompresije možete preuzeti datoteke na svoj uređaj pomoću gumba "Preuzmi komprimirane slike".
U samo nekoliko klikova uspjeli smo smanjiti veličinu GIF animacije pomoću ove online usluge.
Metoda 2. GIFkompresor
Ovaj resurs specijaliziran je za jednu funkciju - kompresiju GIF datoteka. Sve možete napraviti brzo i besplatno.
1.
Idite na mrežni resurs i odaberite ruski na ploči s desne strane radi praktičnosti.
2. Učitajte GIF animaciju pomoću odgovarajućeg gumba.
3. Otvorite željenu datoteku koristeći Explorer.
4. Pričekajte dok proces kompresije ne završi.
5. Ako je potrebno, možete izbrisati nepotrebne datoteke pomoću križića ili gumba "očisti".
6. Slike možete preuzeti pojedinačno ili zajedno pomoću odgovarajućih gumba.
7. Ako preuzmete sve datoteke odjednom, one će biti prikupljene u jednoj arhivi.
Nekoliko tehničkih točaka
Morate razmišljati o količini gifova na web mjestu u fazi stvaranja animacije. Veličina datoteke ovisi o veličini same slike, broju okvira, trajanju animacije i kvaliteti slike.
Dimenzije.
Morate smanjiti veličinu same slike što je više moguće. Najprihvatljivija veličina strane nije veća od 640 piksela.
Broj okvira.
Broj sličica reproduciranih u sekundi također utječe na konačnu veličinu datoteke. U suštini, smanjit će se broj okvira koji smanjite za onoliko puta koliko je veličina gifa.
U tom slučaju preporuča se proporcionalno smanjivanje okvira kako se ne bi oštetila kvaliteta slike. Na primjer, ako u animaciji ima 40 sličica, morate iz serije smanjiti one sličice koje mogu podijeliti taj broj. Za 40 je 1, 2, 4, 5, 8, 10 itd.
Trajanje videa.
Očito, što animacija dulje traje, to je voluminoznija. Izrežite nepotrebne scene i skratite vrijeme reprodukcije što je više moguće.
Kvaliteta.
Usluge koje ćemo opisati u nastavku nude komprimiranje gifova sa ili bez gubitka kvalitete. U prvom slučaju, veličina datoteke će se smanjiti.
Besplatna usluga na kojoj možete komprimirati gifove online. Ograničenje veličine izvorne datoteke je 35 MB. Odmah nakon odlaska na glavnu stranicu, od nas se traži da preuzmemo gif datoteku.
PunyPNG - kompresija slika (JPG, GIF i PNG) na mreži
Jedna od tih online usluga je PunyPNG. Usluga PunyPNG besplatni je alat za optimizaciju slika (fotografija) koji se može koristiti za značajno smanjenje veličine slikovne datoteke bez gubitka kvalitete.
Podrška: JPG, GIF i PNG slike
Maksimalna veličina datoteke je 500 KB. Do 20 datoteka može biti uključeno u proces kompresije u isto vrijeme.
Za kompresiju i optimizaciju slike online, na glavnoj stranici web servisa PunyPNG kliknite na gumb Upload Images. I odaberite jednu ili više grafičkih datoteka koje želimo komprimirati (s ekstenzijom JPG, GIF i PNG).
Nakon što se slike počnu preuzimati na PunyPNG servis i nakon malo čekanja, dobit ćete komprimiranu sliku ili fotografiju koju možete preuzeti na svoje računalo klikom na gumb Download.
gumb za preuzimanje grupe slikovnih datoteka ako ste preuzeli od 2 do 15 komada u isto vrijeme.
Usluga PunyPNG jedan je od moćnih online alata za kompresiju slika (JPG, GIF i PNG). Preporučam korištenje.
Usluga ima mnogo alata za uređivanje. Ono što nam je važno je donji izbornik - više od desetak metoda za komprimiranje datoteka. Opisi za njih nalaze se na glavnoj stranici stranice. Nažalost, opisi su na engleskom, kao i sučelje.
Izaberimo prvu metodu - kompresiju boja. Na dnu je linija u kojoj možete postaviti broj boja. Od 256, ostavit ćemo 200 boja (zadana vrijednost). Čudno, ali veličina datoteke smanjena je s 0,96 na 1,02 MB. Međutim, nije bilo primjetnog gubitka kvalitete boje.
Ali kada smo komprimirali animaciju, uklanjajući svaki četvrti kadar iz nje, glasnoća se smanjila za gotovo 25%.
U principu, za tako jednostavne animacije, bilo koja metoda kompresije nije kritična za kvalitetu. Slobodno isprobajte različite metode i postignite minimalnu veličinu datoteke.
Online sastajanje
Još jedna stranica na ruskom. Od vas se odmah traži da učitate datoteku i odaberete postotak kvalitete pomicanjem klizača.
Nažalost, resurs ne prikazuje rezultate na mreži. Morate preuzeti optimiziranu datoteku i sami provjeriti kvalitetu kompresije.
Naša izvorna animacija s Winniejem Poohom težila je nešto više od 120 KB. Datoteka, komprimirana na 80% kvalitete, postala je velika gotovo 99 KB. Rezultat je bolji od usluge IloveIMG. Ali ne zaboravite da smo u isto vrijeme izgubili 20% kvalitete.
Kompresor.io
I opet usluga na engleskom jeziku. Na glavnoj stranici kliknite Isprobajte!
Pokušajmo komprimirati veću GIF datoteku. Resurs ograničava veličinu učitanih GIF-ova na 10 MB. Izaberimo onaj srednji - veličine 4,32 MB.
Compression.io smanjio je našu datoteku za 61% - na 1,69 MB! Istodobno, nismo primijetili značajnije gubitke u kvaliteti.
Zanimljiva je mogućnost usporedbe izvorne datoteke s primljenom “u stvarnom vremenu”. Možete pomicati kursor preko slike - od originalne do komprimirane i vidjeti promjene. Također se predlaže preuzimanje datoteke na vaše računalo, Google Drive ili Dropbox.
Danas smo pregledali najpopularnije i najprikladnije internetske usluge koje će vam omogućiti besplatno komprimiranje željene GIF animacije za 50% ili više. Nadamo se da vam je naš članak pomogao.
Pozdrav svima koji sada čitate. Danas ću vam reći o nekoliko mojih načina smanjenja veličine (težine) slike, snimke zaslona, fotografije, GIF animacije bez gubitka kvalitete za umetanje na web mjesto.
Smanjenje veličine slike na različite načine
Svaka slika ili slika, nazovite je kako želite ;), ima svoju veličinu koja se sastoji od nekoliko točaka, a to su vertikalna visina, horizontalna širina (px) i težina - kilobajti (KB), megabajti (MB).
Smanjenje veličine (težine) slike imat će pozitivan učinak na brzinu učitavanja stranice - web performanse, a također će pomoći u uštedi prostora na vašem hostingu, računalu ili flash disku.
Slažem se, slike snimljene profesionalnim fotoaparatima (DSLR) ponekad mogu težiti više od 2 megabajta i biti široke 2500 px. Ako se takva slika umetne na stranicu bez kompresije, to će značajno povećati vrijeme učitavanja, za koje danas PS primjenjuje filtar, posebno za Google PS.
Prva metoda je optimizirati sliku prije nego što je postavite na web mjesto u Photoshopu.
Moram reći da je ovo najpopularnija metoda promjene veličine i kompresije fotografija među vlasnicima web stranica. Pogodan je i za obične korisnike interneta. U isto vrijeme, akcije koje izvodi ovaj program su minimalne, što je također važno za blogere početnike.
- 1. Otvorite novu datoteku koristeći Photoshop, a zatim kliknite "Spremi za web".
- 2. Otvara se novi prozor u kojem postavljamo potrebne parametre: kvalitetu, format i veličinu slike.
Dakle, dovoljno je promijeniti kvalitetu s visokih brojeva od 60 na prosječne brojeve od 30-50 kako bi se značajno smanjila težina. Željena kvaliteta može poslužiti kao smjernica. U prozoru pregleda kontrolirajte koliko se slika mijenja.
Što se tiče formata slike, biram da je spremim kao Jpeg ako je fotografija u boji, a ako trebam spremiti prozirnost sloja ili crno-bijeli screenshot, onda je to u pravilu u Png formatu pa da su tekst i brojevi na njemu jasnije čitljivi. Na temu Photoshopa pročitajte: korištenje ovog programa.
Mijenjam veličinu slike (u pikselima) u istom prozoru, što je zgodno. Kliknem “Spremi” i zatim napišem naziv datoteke na latinici.
Drugi način komprimiranja slika pomoću mrežnih usluga
Iskreno govoreći, ovoj metodi pribjegavam izuzetno rijetko. Međutim, te usluge pomažu komprimirati nekoliko (serijskih) slika odjednom bez gubitka kvalitete, što utječe na produktivnost. Riječ je o poznatim servisima krakin.io, TinyPNG; Compresspng i drugi.
Reći ću vam još o jednom - ovo je Optimizilla, koju sam testirao i jako su mi se svidjeli rezultati. Probajte i vi.
Snimka zaslona pokazuje da je u sustav učitana JPEG fotografija težine 60 KB. Usluga ga je automatski komprimirala za 39% na 37 KB, ali vizualno kvaliteta praktički nije pogođena.
Pomoću prikladnog klizača ili znakova [+ -] možete se igrati s kvalitetom slike; povećajte fotografiju i pobliže pogledajte sve detalje nakon kompresije prije spremanja. Ovo je vrlo relevantna funkcija pregleda fotografija za stranice s portfeljem fotografa, turizam, resurse za žene, internetske trgovine gdje su važne slike visoke kvalitete.
Promjena veličine visine i širine slike
Proces mijenjanja širine i visine slike, mislim da danas više nikome ne stvara poteškoće. To se može učiniti i online i u standardnom grafičkom uređivaču Paint ili prikladnijem Paint.NET.
Otvorite novu datoteku u programu, kliknite "Promijeni veličinu", imajte na umu da je u pikselima, zadržavajući proporcije. U REDU.
Promjena težine slike u Gif formatu online
U ovom dijelu članka reći ću vam kako brzo komprimirati ne samo slike u JPEG, PNG, SVG, već i Gif formate. Gifovi imaju prilično veliku težinu, pa postoji veliki broj zahtjeva kako smanjiti težinu GIF slike bez gubitka animacije i dodatnog truda).
- Iskoristimo prvu online uslugu Kompresor.io .
Compressor.io je moćan online alat za dramatično smanjenje veličine vaših digitalnih fotografija i GIF animacija. Omogućuje vam održavanje slike visoke kvalitete, koristi dvije vrste kompresije, gdje postoji razlika i nema razlike prije i poslije kompresije. Ovako karakteriziraju svoju uslugu, a to možete vidjeti na glavnoj stranici.
Za primjer kompresije Gif animacije pogledajte snimak zaslona. Optimiziranu sliku možete preuzeti na način koji vam odgovara: na svoje računalo, spremite na Dropbox, Google Drive (drive.google.com).
- Druga usluga Online Image Optimizer.
Naziv usluge govori sam za sebe. Online Image Optimizer jednostavno optimizira različite formate slika, uključujući Gif animaciju. Samo prenesite sliku i kliknite "Optimiziraj". Uz to, usluga Online Image Optimizer pomaže vam da brzo stvorite ne samo favicon za web stranicu, već također ima mnogo korisnih online alata u svom arsenalu.
- Treća metoda je aplikacijski program SuperGIF za MacOS i Windows.
Možete kupiti plaćenu verziju SuperGIF-a ili besplatno preuzeti demo verziju koja ima mala ograničenja u funkcionalnosti.
U službenim verzijama Photoshopa na ruskom jeziku od pamtivijeka je opcija "Dithering" prevedena kao "Dithering", što je, blago rečeno, netočnost. U ovom kontekstu, "Dithering" znači "izglađivanje", izglađivanje prijelaza iz jedne boje u drugu.
Budući da GIF-ovi sadrže ograničeni broj boja, da biste poboljšali izgled svog crteža, možda ćete morati stvoriti prijelaze između pojedinačnih boja, što uključuje simulaciju boja koje nedostaju. Za stvaranje ovih boja postoji opcija "Dither". Postoje ukupno četiri algoritma za takvu simulaciju anti-aliasinga - “No Dither”, “Random”, “Regular” i “Noise”:
Pogledajmo algoritme detaljnije (nadam se da je sve jasno s načinom rada "Bez ditheringa").
Korištenje algoritma "Slučajno"(Difuzija), možemo prilagoditi količinu izglađivanja.
U algoritmima "Redovito"(Uzorak) i "Buka"(Buka) nema postavki, Photoshop radi sve automatski.
Za neke slike, "Dither" je jednostavno neophodan, ali zapamtite da što je veća njegova vrijednost, to je veća veličina datoteke, jer dodaje šarene piksele u neposrednoj blizini jedan drugome kako bi simulirao sekundarne boje ili glatke gradacije boja.
4. Ostale postavke
"Gubici"(Lossy) - kontrolira razinu gubitka vizualnih informacija tijekom anti-aliasinga, što može smanjiti veličinu datoteke, ali i pogoršati kvalitetu slike. Dostupno kada je opcija Interlaced onemogućena.
"Transparentnost"(Transparentnost) - ima smisla omogućiti ako slika sadrži prozirna područja. Algoritmi za izglađivanje rade na principu opcije “Dithering” i nazivaju se isto.
5. Usporedba izvorne i optimizirane verzije
Nakon što dodate svoje postavke u dijaloški okvir Spremi za web, optimizirana verzija će doživjeti promjene, gotovo uvijek nauštrb kvalitete. Pažljivo provjerite dobiveni rezultat, usporedite ga s izvorom:
Možete pogledati animaciju i postaviti opcije ponavljanja - jednom, stalno ili postaviti vlastiti broj ponavljanja:
Ako ste zadovoljni rezultatom, prijeđite na sljedeći korak - spremanje animacije.
6. Prilagodite optimizaciju animacije navedenoj veličini datoteke
Ova je opcija također dostupna prilikom spremanja animacije u Photoshopu. Možete postaviti veličinu izlazne datoteke, a na temelju toga Photoshop će sam izvršiti optimizaciju, prilagođavajući veličinu datoteke onoj koju navedete.
Kliknite gumb u gornjem desnom kutu i odaberite redak "Optimiziraj na veličinu datoteke"
7. Pregledajte animaciju u pregledniku, spremajući parametre optimizacije
Nakon što odaberete željene postavke, spremite ih u skup. Kliknite na ikonu u gornjem desnom kutu prozora za spremanje za Web i kliknite na redak "Spremi postavke":
Animaciju možemo pregledati s našim postavkama u pregledniku klikom na gumb u donjem lijevom kutu prozora:
Prikazat će se ne samo animacija, već i svi podaci o GIF datoteci - volumen, linearne dimenzije itd., kao i HTML kod. Na primjer, uzeo sam animaciju iz ove lekcije:
Ako vam se sve sviđa, spremite datoteku. Da biste to učinili, kliknite gumb "Spremi" u donjem desnom kutu dijaloškog okvira. Otvara nam se novi prozor u kojem odabiremo putanju, postavljamo postavke kao što je prikazano na slici (ovo su zadane postavke) i kliknemo na gumb “Spremi”:
Animacija će biti spremljena. Ako vam se i dalje nešto ne sviđa, možete ponovno optimizirati pomoću spremljenog skupa postavki.
Predlažem da koristite mrežni uređivač pod nazivom " Ezgif.com“, gdje ne samo da možete promijeniti veličinu animiranih slika, već ih i optimizirati, odnosno smanjiti njihovu težinu.
Uz pomoć ovog mrežnog uređivača možete preraditi mnoge bannere s Interneta po vlastitom nahođenju, a ne morate raditi na dizajnu. Samo napišite tekst i banner je spreman.
Dođimo ovamo
Online uređivački alati "Ezgif.com"
Za brzo uređivanje GIF slika bolje je koristiti mrežni uređivač nego Photoshop. Uostalom, mnogi ljudi nemaju pojma kako raditi s Photoshopom, ali ovdje možete urediti bilo koju GIF sliku u nekoliko minuta
Online uređivač izgleda ovako:
Editor "Ezgif.com" za uređivanje animiranih GIF slika
Naravno, ne dostiže funkcionalnost Photoshopa, ali ima sve potrebne alate za uređivanje GIF slika.
Značajke online uređivača:
Obrezivanje slike
Promjena veličine
Optimizacija slike
Dodavanje efekata
Promjena brzine animacije
Raščlanjivanje animacije u okvire (fragmente)
Dodavanje teksta
Prekrijte drugu sliku
