Cum să reduceți animația gif fără a pierde calitatea. Servicii online gratuite pentru compresia imaginilor
La InVision, animațiile GIF nu sunt folosite pentru răsfăț - ele joacă un rol important din punct de vedere al marketingului și al instruirii. Așa că am încercat chiar să le folosim pe pagina noastră de pornire în loc de animații codificate.
În cele din urmă, oamenii au început să ne întrebe: „Cum creați animații GIF?” Este timpul să dezvăluim secretul.
Design de imagine GIF
1. Ingredient secret
Iată micul meu secret: toate animațiile mele GIF au început ca fișiere video. De obicei folosesc ScreenFlow, pe care îl folosesc și pentru a crea videoclipuri cu produsele noastre. Acesta este un program simplu care conține în același timp multe instrumente utile de animație.După ce salvez animația ca fișier video, o import în Photoshop prin Fișier > Import > Cadre video ca straturi.
Sfat: Dacă ScreenFlow sau After Effects nu vă plac, creați o animație în Keynote și exportați-o ca videoclip. În sfârșit, o utilizare a acestei funcții în Keynote.
2. Mai puține culori = mai multă distracție
Dacă doriți să faceți animații GIF cool, atunci trebuie să abordați alegerea culorii cu grijă deosebită. Acest lucru nu va afecta numai dimensiunea fișierului, dar vă va permite și să creați animații mai lungi cu o dimensiune mai mică a fișierului. (Pentru mine, mic este mai puțin de 1 MB)3. Folosiți estomparea mișcării dacă este posibil
Programe precum ScreenFlow și After Effects vă permit să exportați videoclipuri cu estomparea mișcării aplicată. Acest lucru nu numai că va oferi animației dvs. un aspect profesional, dar va facilita și reducerea dimensiunii fișierului în Photoshop.
4. Fii (oarecum) leneș
Imaginează-ți ce alte elemente aș putea adăuga la animația GIF la începutul acestei postări. Sfaturi mici cu nume de utilizator, un cursor care dă clic pe butonul plus și așa mai departe. Oamenii nu trebuie să vadă totul pentru a obține o înțelegere generală a ceea ce văd, așa că arătați doar ceea ce aveți nevoie - sunteți limitat de timp și dimensiunea fișierului.Exportați animații GIF
Înainte de a vă face griji cu privire la sfaturile de mai jos, încercați să exportați animația GIF. Dacă este o dimensiune rezonabilă, o treabă bună! Continuați treaba bună. În caz contrar, încercați următoarele metode.5. Eliminați cadrele duplicat
Cel mai probabil, animația dvs. se oprește sau rămâne nemișcată pentru un anumit moment în timp. Dacă te uiți cu atenție, vei observa că acest moment este format din mai multe cadre identice. Dacă există 10 astfel de cadre, atunci ștergeți 9 dintre ele și setați durata cadrului rămas la, de exemplu, 1 secundă.
Dacă acest lucru nu ajută, încercați să importați din nou videoclipul, dar de data aceasta selectați opțiunea Limitați la fiecare 2 cadre. Acest lucru ar trebui să reducă semnificativ dimensiunea fișierului.
Sfat: Dacă animația dvs. este formată din mai mult de 150 de cadre, veți întâmpina probleme când încercați să reduceți dimensiunea fișierului.
6. Mai puține culori
Când salvați o animație GIF în Photoshop, veți vedea un meniu derulant lângă opțiunea Culori. Experimentați cu valorile, încercați cel mai mic număr posibil de culori care nu vor transforma întregul fișier în gunoi.
7. Modificați parametrul Lossy*
Sincer să fiu, nici nu știu ce înseamnă acest parametru. Dar eu exactȘtiu că dacă îl setați la un nivel între 1 și 10, veți scăpa de kilobytes în plus fără a pierde calitatea.
* „Lossy” - nivel acceptabil de pierdere a informațiilor grafice într-un fișier raster, permițându-vă să reduceți dimensiunea fișierului imaginii
Nu s-a schimbat nimic! Ajutor!
Dacă ați încercat tot ce s-a menționat mai sus și încă nu puteți reduce dimensiunea animației GIF, atunci trebuie să faceți un pas înapoi. Poate vrei imposibilul? Există o altă modalitate de a realiza ceea ce îți dorești? Este posibil să împărțiți un fișier în două animații GIF? Va fi mai bine dacă animația GIF se concentrează pe un aspect.De la traducător. Cu toate dorințele și comentariile dumneavoastră cu privire la traducere, vă rog să mă contactați într-un mesaj personal. Multumesc!
Indiferent de cum ați obținut animația GIF, îi puteți reduce dimensiunea.
Dacă ați folosit serviciul nostru pentru a crea animație GIF dintr-un videoclip, atunci vă recomandăm să folosiți originalul pentru experimente, deoarece modul în care fiecare conversie poate degrada calitatea fișierului rezultat.
Toate exemplele se vor baza pe un scurt clip video FullHD de 16 secunde și 30 de cadre pe secundă.
O mică teorie despre GIF
Pe scurt: GIF are maximum 256 de culori (8 biți) + compresie fără pierderi (LZW).
Ca orice compresie fără pierderi, nu comprimă prea mult fișierul. Ca urmare, vom reduce dimensiunea cu cel mult 50% (depinde foarte mult de imagine).
Test video:
Calculăm dimensiunea unui cadru: 1920 * 1080 * 40%-100% = 0,8-2 MB.
Acum să calculăm pentru 16 secunde de videoclip: 16 sec * 30 de cadre pe secundă * (0,8-2) mb = 384-960 mb!
Fișierul nostru original când a fost convertit s-a dovedit a avea 309 MB. Mai puțin decât calculat, dar totuși mare.
Ești surprins? Dar dimensiunea videoclipului original este de doar câțiva megaocteți! Cum poate fi asta?
Este simplu: GIF este un mamut, da, este grozav, dar trebuie să știi cum să lucrezi cu el.
Pasul 1: faceți GIF-ul mai mic. Dimensiunea imaginii
Asigurați-vă că reduceți dimensiunea la o dimensiune adecvată (nu mai mult de 640 de pixeli pe partea mai mare).
În acest caz, dimensiunea va fi: 640 * 360 * 40%-100% = 90-225 kb.
Și dimensiunea videoclipului: 16 sec * 30 de cadre * 90-225 kb = 42-105 mb.
Fișierul nostru original când a fost convertit s-a dovedit a fi de 38 MB. Mai puțin decât calculat, dar totuși mare.
Multe? Da. Să mergem mai departe...
Pasul 2. Numărul de cadre
30 de cadre este grozav, dar din păcate pentru un GIF este mult.
Reduceți numărul la 10 cadre și reduceți dimensiunea cu 3! ori.
Numaram: 16 sec * 10 cadre * 90-255kb = 14-35 mb.
Fișierul nostru original când a fost convertit s-a dovedit a avea 14,5 MB. Deja mai bine.
De exemplu, dacă videoclipul dvs. are 60 de cadre pe secundă, puteți reduce din următorul interval: 1, 2, 3, 4, 5, 6, 10, 15, 20, 30.
Și dacă sunt 25 de cadre, atunci rândul va fi: 1, 5...
Sau 30: 1, 2, 3, 6, 10, 15.
Pasul 3. Reduceți durata animației
Reduceți/ștergeți scenele de care nu aveți nevoie, relația aici este simplă - tăiați-o de 2 ori - obțineți o dimensiune de 2 ori mai mică.
Pasul 4. Optimizați GIF. Alegerea calității.
Există utilități speciale pentru comprimarea animațiilor GIF, de exemplu, GIFsicle.
Am făcut-o online special pentru tine. Doar selectați fișierul și faceți clic pe optimizare.
De asemenea, puteți controla calitatea fișierului.
Am creat trei versiuni diferite ale animației GIF pentru ca dvs. să evaluați compresia folosind reducerea scalarii:
- Dimensiune la calitate 100%: 13,3 MB
- Dimensiune la 50% calitate: 13,3 MB
- Dimensiune la 0% calitate: 10,1 MB
Imaginile în format GIF pot fi deschise cu ușurință în editorul de grafică Photoshop, dacă îl puteți utiliza, nu va fi dificil să schimbați dimensiunea; Și pentru cei care nu pot folosi acest editor, nu va fi dificil să-l dea seama în meniu există o secțiune Image -> Image Size.
Cel mai simplu mod de a schimba dimensiunea este utilizarea programului gratuit InfranView. Este simplu, intuitiv și puteți lucra nu numai cu animație gif, ci și cu orice imagini.
Puteți încerca să utilizați Paint Shop Pro, este mai complicat, va trebui să parcurgeți un manual întreg - manualul de utilizare.
Pentru început, ar fi bine să știi ce dimensiune vrei să schimbi în animația gif? Dimensiunea imaginii (adică raportul de aspect, lățimea sau înălțimea imaginii etc.) sau dimensiunea fișierului (uneori se spune și greutatea sau volumul fișierului) în octeți - megaocteți, cum ar fi - reduce cantitatea de informații conținute în fișierul grafic de animație GIF, cu pierderi minime de calitate a imaginii? Cu alte cuvinte, optimizați fișierul gif...
Nu există probleme speciale pentru a modifica dimensiunea reală a imaginii (lățime și înălțime) într-un fișier animat .gif.
Voi începe cu cea mai simplă metodă, pentru cei care nu doresc să instaleze programe suplimentare pe computer. Aceasta este o modalitate de a utiliza serviciile serviciilor online specializate, dintre care există destule pe Internet. Iată câteva link-uri către site-uri similare:
Crearea și editarea animației GIF - Toolson.net.GifResizer
Creați și retușați imagini GIF animate online - Reducere-imagine.gif-anime
Creați sau editați animație GIF online - Picasion.com.resize-gif
Site-uri similare unde puteți crea și edita parțial animație gif, sunt multe, dar gama de servicii și funcționalități oferite acolo, pe toate site-urile, este foarte mică și aproape aceeași. Lucrul acolo nu este deloc dificil - încărcați propria animație GIF și efectuați în mod constant o serie de acțiuni foarte simple. Cum și ce să faceți - totul este descris pas cu pas. Nu te înșela.
A doua modalitate de a schimba dimensiunea (raportul de aspect) unei animații GIF este să utilizați cele mai simple programe create special pentru acest scop, de exemplu:
Program gratuit GiF Resizer- numele vorbește de la sine. Singurul scop al acestui utilitar foarte mic este de a redimensiona imaginile animate în format .gif. Acest program este în limba engleză, dar înțelegerea capacităților sale este foarte simplă.
Un alt program, tot gratuit - Beneton Movie GIF. În acest program, puteți redimensiona animația GIF în câțiva pași simpli. De asemenea, în acest editor puteți efectua câteva acțiuni suplimentare pentru a schimba GIF-urile animate.
Proceduri mai complexe pentru editarea animațiilor GIF va necesita utilizarea unor programe mai avansate care vor ajuta atât la redimensionarea simplă a imaginii, cât și la decuparea acesteia, precum și la optimizarea fișierului GIF, adică reducerea volumului acestuia, menținând în același timp calitatea înaltă a imaginii în sine atunci când este vizualizată.
Există, de asemenea, o mulțime de astfel de programe, de exemplu:
Echipament pentru film GIF- un editor de animație GIF simplu, dar destul de puternic.
Animator GIF Falco- un editor de animație GIF gratuit, dar cu capabilități foarte decente, nu mai rău decât analogii similari cu licență.
Animator GIF ușor- un editor GIF animat ușor de utilizat, cu funcții decente.
EximiousSoft GIF Creator- un editor de grafică animată foarte bun, cu capacități aproape profesionale.
Set de constructii GIF Professional- unul dintre cele mai bune programe pentru crearea și editarea imaginilor GIF animate. Program profesional. Dar nu este deloc greu de folosit. E destul de greu de găsit pe Internet, mai ales în cea mai recentă versiune, mai ales cu localizarea, așa că pe lângă link-ul către site-ul oficial voi mai oferi două link-uri - pentru descărcare de pe tracker torrent NNM-CLUB(aici este o versiune fără pluginuri), și pentru a descărca o versiune mai completă, cu multe completări necesare - GIF Construction Set Pro v3.0a (Patch-ul 40).
Link-urile enumerate mai sus duc către site-urile web ale dezvoltatorilor, de unde puteți achiziționa și aceste programe... sau puteți profita de capacitățile internetului rusesc, de unde puteți găsi și descărca în continuare oricare dintre aceste programe fără prea multe dificultăți cu posibilitate de activare gratuită :)))
la toate - optimizarea animației gif- acesta este un subiect separat. Optimizarea automată de obicei nu aduce rezultate tangibile, iar calitatea imaginii poate fi mult redusă.
Efectuați optimizarea de înaltă calitate a GIF-urilor poate doar într-un singur program, care cu siguranță merită menționat în această întrebare - aproape orice manipulare cu imagini GIF, de la crearea lor până la editarea completă, se poate face în cel mai bun editor grafic din toate timpurile - în Adobe Photoshop. În acest program puteți face orice vă puteți gândi cu GIF-uri...
În general, așa ceva, după părerea mea :)))
Noroc...
Dimensiunea animației în format GIF poate fi modificată folosind un program special Toolson.net.GifResizer.
Cu ajutorul programului puteți schimba, crește, micșora dimensiunea GIF-ului.
Puteți vizualiza programul și îl puteți descărca aici.
Acum fișierele gif sunt destul de populare și răspândite, atât de multe programe au capacitatea de a le procesa, inclusiv modificarea dimensiunii fișierului acestui format, viteza de redare și tăierea. Unul dintre aceste programe este binecunoscutul Photoshop, care vă poate ajuta cu ușurință să editați un GIF.
Mărimea unei imagini în format GIF poate fi modificată folosind programe speciale online și obișnuite care trebuie instalate, precum și folosind Photoshop. Imaginea trebuie să fie deschisă în Photoshop și apoi redusă în dimensiune în caseta de dialog Dimensiune imagine prin deschiderea meniului Imagine.
În versiunile oficiale de Photoshop în limba rusă din timpuri imemoriale, opțiunea „Dithering” a fost tradusă ca „Dithering”, ceea ce este, pentru a spune ușor, o inexactitate. În acest context, „dithering” înseamnă „netezire”, netezind tranzițiile de la o culoare la alta.
Deoarece GIF-urile conțin un număr limitat de culori, pentru a îmbunătăți aspectul desenului, poate fi necesar să creați tranziții între culorile individuale, ceea ce implică simularea culorilor lipsă. Pentru a crea aceste culori, există opțiunea „Dither”. Există în total patru algoritmi pentru o astfel de simulare de anti-aliasing - „Fără Dither”, „Random”, „Regular” și „Noise”:
Să ne uităm la algoritmi mai detaliat (sper că totul este clar cu modul „Fără dithering”).
Folosind algoritmul "La întâmplare"(difuzie), putem ajusta cantitatea de netezire.
În algoritmi "Regulat"(Model) și "Zgomot"(Zgomot) nu există setări, Photoshop face totul automat.
Pentru unele imagini, „Dithering” este pur și simplu necesar, dar rețineți că, cu cât valoarea sa este mai mare, cu atât dimensiunea fișierului este mai mare, deoarece adaugă pixeli colorați în imediata apropiere unul de altul pentru a simula culori secundare sau gradații netede de culoare.
4. Alte setări
"Pierderi"(Lossy) - controlează nivelul de pierdere a informațiilor vizuale în timpul anti-aliasing, care poate reduce dimensiunea fișierului, dar poate degrada și calitatea imaginii. Disponibil atunci când opțiunea Interlaced este dezactivată.
"Transparenţă"(Transparență) - este logic să o activați dacă imaginea conține zone transparente. Algoritmii anti-aliasing funcționează pe principiul opțiunii „Dithering” și se numesc la fel.
5. Compararea versiunilor originale și optimizate
Odată ce ați adăugat setările la dialogul Salvare pentru Web, versiunea optimizată va suferi modificări, aproape întotdeauna în detrimentul calității. Verificați cu atenție rezultatul obținut, comparați-l cu sursa:
Puteți vizualiza animația și, de asemenea, puteți seta opțiuni de repetare - o dată, în mod constant sau setați propriul număr de repetări:
Dacă sunteți mulțumit de rezultat, treceți la pasul următor - salvarea animației.
6. Ajustați optimizarea animației la dimensiunea specificată a fișierului
Această opțiune este disponibilă și la salvarea animației în Photoshop. Puteți seta dimensiunea fișierului de ieșire și, pe baza acesteia, Photoshop însuși va efectua optimizarea, ajustând dimensiunea fișierului la cea pe care o specificați.
Faceți clic pe butonul din colțul din dreapta sus și selectați linia „Optimizare la dimensiunea fișierului”
7. Previzualizează animația în browser, salvând parametrii de optimizare
După ce ați selectat setările dorite, salvați-le într-un set. Faceți clic pe pictograma din colțul din dreapta sus al ferestrei de salvare pentru Web și faceți clic pe linia „Salvați setările”:
Putem previzualiza animația cu setările noastre în browser făcând clic pe butonul din colțul din stânga jos al ferestrei:
Nu doar animația va fi afișată, ci și toate datele din fișierul GIF - volum, dimensiuni liniare etc., precum și codul HTML. De exemplu, am luat animația din această lecție:
Dacă vă place totul, atunci salvați fișierul. Pentru a face acest lucru, faceți clic pe butonul „Salvare” din colțul din dreapta jos al casetei de dialog. Se deschide o nouă fereastră, unde selectăm calea, setăm setările așa cum se arată în figură (acestea sunt setările implicite) și facem clic pe butonul „Salvare”:
Animația va fi salvată. Dacă tot nu vă place ceva, puteți optimiza din nou folosind setul de setări salvat.
Salutare tuturor celor care citesc acum. Astăzi vă voi spune despre câteva moduri de a reduce dimensiunea (greutatea) unei imagini, capturi de ecran, fotografie, animații GIF fără a pierde calitatea pentru inserarea într-un site web.
Reducerea dimensiunii unei imagini în diferite moduri
Fiecare poză sau imagine, numiți-o cum vă place ;), are propria dimensiune, care constă din mai multe puncte, acestea sunt înălțimea verticală, lățimea orizontală (px) și greutatea - kilobytes (KB), megabytes (MB).
Reducerea dimensiunii (greutății) imaginii va avea un efect pozitiv asupra vitezei de încărcare a site-ului - performanța web și va ajuta, de asemenea, la economisirea spațiului pe găzduire, computer sau unitate flash.
De acord, imaginile realizate cu camerele profesionale (DSLR) pot cântări uneori mai mult de 2 megaocteți și pot avea o lățime de 2500 px. Dacă o astfel de imagine este inserată pe site fără compresie, va crește semnificativ timpul de încărcare, pentru care astăzi PS aplică un filtru, în special pentru Google PS.
Prima metodă este să optimizați imaginea înainte de a o încărca pe site-ul web în Photoshop.
Trebuie să spun că aceasta este cea mai populară metodă de redimensionare și compresie a fotografiilor în rândul proprietarilor de site-uri web. Este potrivit și pentru utilizatorii obișnuiți de internet. În același timp, acțiunile efectuate de acest program sunt minime, ceea ce este important și pentru bloggerii începători.
- 1. Deschideți un fișier nou utilizând Photoshop și apoi faceți clic pe „Salvare pentru Web”.
- 2. Se deschide o nouă fereastră, unde setăm parametrii necesari: calitatea, formatul și dimensiunea imaginii.
Deci, este suficient să schimbați calitatea de la numere mari de la 60 la numere medii de la 30-50 pentru a reduce semnificativ greutatea. Calitatea dorită poate servi drept ghid. În fereastra de previzualizare, controlați cât de mult se schimbă imaginea.
În ceea ce privește formatul imaginii, aleg să o salvez ca Jpeg dacă este o fotografie color, iar dacă trebuie să salvez transparența unui strat sau a unei capturi de ecran alb-negru, atunci, de regulă, este în format Png, deci ca textul și numerele de pe el să fie citite mai clar. Pe tema Photoshop, citiți: utilizarea acestui program.
Schimb dimensiunea imaginii (în pixeli) în aceeași fereastră, ceea ce este convenabil. Dau clic pe „Salvare” și apoi scriu numele fișierului în latină.
A doua modalitate de a comprima imagini folosind serviciile online
Sincer să fiu, recurg la această metodă extrem de rar. Cu toate acestea, aceste servicii ajută la comprimarea mai multor imagini (loturi) simultan, fără a pierde calitatea, ceea ce afectează productivitatea. Acestea sunt binecunoscutele servicii krakin.io, TinyPNG; Comprespng și altele.
Vă mai spun despre unul - acesta este Optimizilla, pe care l-am testat și mi-au plăcut foarte mult rezultatele. Încearcă și tu.
Captura de ecran arată că o fotografie JPEG cu o greutate de 60 KB a fost încărcată în sistem. Serviciul l-a comprimat automat cu 39% până la 37 KB, dar vizual calitatea practic nu a fost afectată.
Folosind glisorul convenabil sau semnele [+ -], vă puteți juca cu calitatea imaginii; măriți fotografia și aruncați o privire mai atentă la toate detaliile după comprimare înainte de a salva. Aceasta este o funcție de previzualizare a fotografiilor foarte relevantă pentru site-urile cu portofoliul unui fotograf, turism, resurse pentru femei, magazine online unde imaginile de înaltă calitate ale produselor sunt importante.
Redimensionarea înălțimii și lățimii unei imagini
Procesul de redimensionare a lățimii și înălțimii unei imagini, cred că astăzi, nu mai provoacă dificultăți nimănui. Acest lucru se poate face atât online, cât și în editorul grafic standard Paint sau mai convenabil Paint.NET.
Deschideți un fișier nou în program, faceți clic pe „Redimensionare”, rețineți că este în pixeli, păstrând proporțiile. BINE.
Modificarea greutății unei imagini în format Gif online
În această parte a articolului vă voi spune cum să comprimați rapid nu numai imaginile în formate JPEG, PNG, SVG, ci și Gif. Gif-urile cântăresc destul de mult, așa că există un număr mare de solicitări despre cum să reduceți greutatea unei imagini GIF fără a pierde animație și efort suplimentar).
- Să folosim primul serviciu online Compresor.io .
Compressor.io este un instrument online puternic pentru a reduce dramatic dimensiunea fotografiilor digitale și a animațiilor GIF. Vă permite să mențineți imagini de înaltă calitate, utilizează două tipuri de compresie, unde există o diferență și nu există nicio diferență înainte și după compresie. Acesta este modul în care își caracterizează serviciul, iar acest lucru îl puteți vedea pe pagina principală.
Pentru un exemplu de compresie a animației Gif, consultați captura de ecran. Puteți descărca imaginea optimizată într-un mod convenabil pentru dvs.: pe computer, salvați în Dropbox, Google Drive (drive.google.com).
- Al doilea serviciu Optimizator de imagine online.
Numele serviciului vorbește de la sine. Online Image Optimizer optimizează cu ușurință diferite formate de imagine, inclusiv animația Gif. Doar încărcați imaginea și faceți clic pe „Optimizare”. În plus, serviciul Online Image Optimizer vă ajută să creați rapid nu numai o favicon pentru un site web, ci are și multe instrumente online utile în arsenalul său.
- A treia metodă este un program de aplicație SuperGIF pentru MacOS și Windows.
Puteți achiziționa o versiune plătită a SuperGIF sau puteți descărca gratuit un demo, care are ușoare limitări în funcționalitate.
