Kako smanjiti veličinu GIF animacije u Photoshopu. Promjena veličine animacije u GIF formatu

Animirani gifovi vrlo su popularni na društvenim mrežama i često ih se može pronaći na stranicama za zabavu. Pomoću gifova možete prikazati najuspješniji trenutak iz videa; snimke zaslona gifova jasno pokazuju faze rada u programu ili usluzi. Gif snimke zaslona također se koriste za prikaz rada elemenata web stranice, na primjer, padajućeg izbornika. Prije preuzimanja datoteka za instalaciju, korisnik se može upoznati s njihovim radom kroz GIF animaciju. Možete izraditi i učitati vlastite animirane smiješne slike, za to će vam trebati Android aplikacija

Međutim, GIF-ovi imaju i glavni nedostatak - velike su veličine, pa se samim time znatno usporava brzina učitavanja web stranica na kojima se nalaze. Kako biste prevladali ove nedostatke, predlažem da pogledate popis alata koji će vam pomoći optimizirati (smanjiti veličinu) GIF animacija.

Psihijatar O'Matic

Ovo je jednostavan Windows program za optimizaciju GIF slika. Također je sposoban za jednostavne radnje sa slikama, kao što su rotiranje, promjena veličine, promjena naziva i lokacije datoteke i skupna obrada. Dostupni formati za obradu: GIF, JPEG, PNG.

ImageOptim

Ovaj program radi na Mac platformi. Dizajniran je za komprimiranje GIF-ova do 60-80% i više bez gubitka kvalitete.

FileOptimizer je napredni alat za komprimiranje GIF animacija. Program ima jednostavno sučelje, tako da ga mogu koristiti i početnici i iskusni korisnici.

Ostali podržani formati: JPEG, PNG, SWF, TIFF, BMP, ICO

Radi na platformama: Windows, Mac OS, Linux

FILEminimizer Slike

Kompresija slike doseže 98% i više kao rezultat vlasničkih tehnologija optimizacije Postoje 4 razine kompresije za gif datoteke. Osim toga, program vam omogućuje učitavanje slika izravno na Facebook.

Formati: JPG, BMP, TIFF, PNG, EMF | Platforma : Windows

POBUNA

Ovaj program mi se svidio više od ostalih. Možete kontrolirati kompresiju GIF-ova, program prikazuje veličinu izvorne i izlazne datoteke, postoji pregled, zahvaljujući kojem možete vizualno procijeniti gubitak kvalitete. Nedostatak: animirani gif pretvara se u običnu statičnu sliku.

GIF Optimizer

Jednostavan program za optimizaciju GIF animacije. Program ima samo tri gumba - open - otvorite datoteku, optimize - optimizirajte i Save as - spremite kao. Kompresijom možete upravljati putem izbornika postavki.

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 nakon pretvorbe 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

2019-04-04

Posjećujući razne web stranice, svatko od vas je naišao na svijetle, skakutave gif slike koje privlače pažnju čitatelja.

I sam sam koristio jedan - privukao je pozornost na moj obrazac za pretplatu.

Ali gif animacija ima previše težine, pa uvelike usporava učitavanje bloga na korisničkom računalu.

Usluga speedpage ljubazno mi je prijavila ovaj problem kada sam provjeravao brzinu učitavanja svog bloga. Savjetovali su mi da promijenim samu sliku, a ne samo da joj smanjim dimenzije u html-u.

U redu su mi obične slike, radim ih prije nego ih postavim na blog.

Vidjeli ste gif sliku na nekoj web stranici, svidjela vam se i htjeli ste je umetnuti u bočnu traku (widgeti):

samo povucite sliku na svoje računalo u mapu (ne u dokument). Kasnije ćete ga otvoriti putem interneta i dobiti slikovni kod;
ili desnom tipkom miša otvorite izvorni kod stranice, pronađite kod slike i kopirajte ga (Ctrl+F, zalijepite gif u redak koji se otvori).

Kako smanjiti veličinu gif-a online

Smanjenje veličine gif slike kao i obično nije radilo u programu Microsoft Office Picture Manager ili Paint, slika je prestala skakati.

Činjenica je da se gif animacija sastoji od nekoliko slika upakiranih u arhivu (storyboard). Prilikom promjene veličine u programu Microsoft Office Picture Manager ili Paint, neke se slike gube, a ostaje samo jedna.

Stoga idemo na uslugu http://ru.toolson.net/. Omogućuje vam promjenu veličine gif-a online i komprimiranje gif-a. Ne postoji posebna funkcija COMPRESS, ali kada smanjite veličinu, težina slike automatski će se smanjiti. Tamo možete izrezati sliku.

Idite na karticu UREDI gif.

Isprva sam samo pokušao promijeniti veličinu GIF animacije:

ODABRAO datoteku na mom računalu (strelica koja skače, čijom veličinom servis speedpage nije bio zadovoljan);

UČITANA animacija;

ODABERITE novu širinu i visinu (manju);

PREUZEO je izmijenjenu datoteku.

Nije mi se svidjelo, ispalo je traljavo.

Storyboard gif u zip arhivi

Pritisnite gumb STORYBOARD i datoteka će se preuzeti.

RASPAKIRAJTE zip arhivu u zasebnu mapu.

Redom obradite SVAKU sliku u programu Paint. Ovdje sam detaljno napisao.

Podsjećam te:

OTVORI sliku u Paintu - u gornjem izborniku odaberi CRTANJE - RAZTEZI/NAKINI - POSTAVITE postotak smanjenja - OK - SPREMI.

Zašto sam koristio Paint?

Microsoft Office Picture Manager nije mogao dobiti istu promjenu veličine. Sve su slike drugačije smanjene, čak je i pozadina ispala drugačije - na nekim mjestima prozirna, na drugim neprozirna. Od tako raznolikih elemenata nije bilo moguće sastaviti dobru GIF animaciju.

Zatim idite na karticu CREATE GIF animation.

Kliknite gumb LOAD, preuzmite sve obrađene elemente jedan po jedan (imao sam deset).

Unesite naziv animacije i odredite interval između okvira (imam 70). Ovdje možete isprobati različite vrijednosti. Što je interval manji, slika će brže skakati. Promijenite interval, spremite i pogledajte pomiče li se slika ispravno.

Također možete odrediti željene dimenzije, napraviti lijep okvir i primijeniti predložene efekte.

Sviđa li se svima pregled? CREATE, gif će se preuzeti na vaše računalo.

Kako rotirati gif animaciju

Ponekad ne morate mijenjati veličinu gifa. Samo trebate rotirati animaciju koja vam se sviđa. Kako to učiniti online?

U servisu http://inettools.net/ odaberite karticu ROTACIJA SLIKE

ODABERITE sliku na svom računalu - UPLOAD

NAVEDITE kut rotacije 90, 180, 270 stupnjeva ili bilo koji kut =>

ROTIRAJ gif - PREUZMI datoteku.

Ne brinite, online slika će biti malo uvećana i zamućena, ali će na vaše računalo stići u željenom obliku.

Ovako sam uspio smanjiti veličinu gif slike i njenu težinu (komprimirati je). Nadam se da će moj trud pozitivno utjecati na brzinu učitavanja bloga. Mogućnost okretanja gif animacije bit će korisna u budućnosti.

p.s. Nažalost, gif slika se ispravno prikazuje samo ako stranicu posjećujete prvi put. Ako prijeđete prstom i zatim se vratite, preglednik će vam dati predmemoriju stranice. A gif slika tamo neće biti vidljiva. Još nisam shvatio što se može učiniti u vezi s tim.

p.s. Photoshop je najbolji izbor za profesionalnu upotrebu. Evo jednog jednostavnog.

Kako promijeniti veličinu GIF slike - ovo je pitanje koje mi je nedavno palo na pamet. Zašto? Nastavi čitati.

Dobar dan, prijatelji moji.

Danas sam oko dva dana izrađivao GIF sliku - reklamu za moj novi mjesečni “Comment Contest” o kojem možete pročitati u posebnom dijelu moje web stranice

Nešto kasnije, ispričat ću vam i o tome. Stoga vam savjetujem da se pretplatite na nadopune moj blog.

Oni koji znaju kako se to radi, mogu kimnuti glavom, slažući se sa mnom da je takva prezentacija napravljena od pojedinačno snimljenih i kreiranih slika, koje su postavljene jedna na drugu u različitim programima (ja koristim Photoshop).
Stoga jednostavno mijenjanje veličine prezentacije, kao što je slučaj s običnom JPEG datotekom, neće raditi.

Što učiniti, kako promijeniti veličinu GIF datoteke? I ja sam se neki dan isto pitala. I pronašao sam dva načina da riješim ovaj problem.

Počnimo redom, prva metoda:

Ova je metoda prikladna jer za promjenu veličine GIF slike ne morate instalirati dodatni softver. Sve transakcije se obavljaju online.

Idemo na mjesto http://www.picasion.com/ru/resize-gif/

Otvorit će nam se sljedeći prozor, ovdje je sve jednostavno:

Čak i moj osmogodišnji sin to može shvatiti. Tu ništa ne mijenjam, samo postavim veličinu koju trebam. Preuzeli - izvršili potrebne promjene - kliknite na "Promijeni veličinu slike".

Ova usluga prilično brzo mijenja veličinu GIF datoteka. Brzo i učinkovito. Postavite kvalitetu na najveću moguću.

Nakon ovoga vidjet ćete sljedeći prozor

Usluga će vam ljubazno ponuditi čak 4 različite opcije što se može učiniti i kako koristiti ovu pretvorenu datoteku.

Sada ću vam reći više o ovome...

3. HTML kod za blog/web stranicu: cool stvar. Oni. Odmah dobijete gotov HTML kod, koji odmah možete postaviti na svoj blog i sve će raditi kako treba.

4. BBCode za forume: forumi imaju vlastito kodiranje, au tu svrhu programeri su napravili poseban obrazac. Oni. uzmite ovaj kod, stavite ga npr. u svoj potpis i postavite na neki forum. Nisam testirao ovu metodu, ali mislim da djeluje.

Sačuvao sam ovu datoteku i objavio je na blogu. Sve radi. Morao sam kasnije malo promijeniti veličinu datoteke.
Postoji još jedna slična usluga - ni tamo nema ništa komplicirano. Mislim da to možete sami shvatiti. Evo ove stranice: http://ru.toolson.net/gifresizer/create
Usput, ako ne znate kako izmjeriti dimenzije elemenata radne površine, onda... Imam članak na svom blogu o tome. Čitati . Ne možete to mjeriti ravnalom)))

Ovo je bio prvi način.

Drugi je vrlo sličan, s jedinom razlikom što ćemo za rad morati preuzeti ovaj program: GIFResizer s ove poveznice: http://www.f1cd.ru/soft/base/gif_resizer/gif_resizer_110/

Preuzmite i pokrenite program.

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 biramo putanju, postavljamo postavke kao što je prikazano na slici (ovo su zadane postavke) i kliknemo na gumb “Spremi”: