Cum să păstrați GIF în Photoshop

După crearea unei animații în Photoshop, acesta trebuie salvat într-una din formatele disponibile, dintre care unul este GIF. O caracteristică a acestui format este că este destinată afișării (redare) în browser.

Dacă sunteți interesat de alte opțiuni pentru salvarea animației, vă recomandăm să citiți acest articol:

Lecția: Cum de a salva videoclipul în Photoshop

Procesul de creare a unei animații GIF a fost descris într-una din lecțiile anterioare și astăzi vom vorbi despre cum să salvați fișierul în format GIF și pe setările de optimizare.

Lecția: Creați o animație simplă în Photoshop

Salvarea GIF.

Pentru a începe cu, repetăm ​​materialul și am citit fereastra Salvare Setări. Se deschide făcând clic pe elementul "Salvați for Web" din meniul Fișier.

Fereastra constă din două părți: un bloc de previzualizare

și blocul de setări.

Blocați previzualizarea

Selectați numărul de opțiuni de vizualizare este selectat în partea de sus a blocului. În funcție de necesități, puteți selecta setarea dorită.

Imaginea din fiecare fereastră, cu excepția originalului, este configurată separat. Acest lucru se face astfel încât să puteți alege opțiunea optimă.

În partea stângă a blocului există un mic set de unelte. Vom folosi doar "mâna" și "scară".

Folosind "mâna" puteți muta imaginea în fereastra selectată. Alegerea este făcută și de acest instrument. "Scale" efectuează aceeași acțiune. Aproximativ și ștergerea imaginii pot fi, de asemenea, butoane în partea de jos a blocului.

Mai jos este butonul cu inscripția "Vizualizare". Acesta deschide opțiunea selectată în browserul implicit.

În fereastra browserului, cu excepția parametrilor de setare, putem obține și codul GIF HTML.

Blocați setările

În acest bloc, parametrii imaginii sunt configurați, considerați-o mai mult.

1. Schema de culori. Această setare determină ce tabelă de culori indexate va fi aplicată imaginii atunci când optimizează.

   

   • Perceptual, și pur și simplu "schema de percepție". Când este folosit, Photoshop creează o masă de culori, ghidat de nuanțele actuale ale imaginii. Potrivit dezvoltatorilor, acest tabel este cât mai aproape posibil de modul în care ochiul uman vede culoarea. În plus - imaginea este cea mai apropiată de original, culorile sunt salvate maxim.
   • Schema selectivă este similară cu cea precedentă, dar culorile referitoare la Web securizate pentru Web sunt folosite în mod predominant în ea. De asemenea, sa concentrat pe afișarea nuanțelor aproximativ la cea inițială.
   • Adaptabil. În acest caz, tabelul este creat din culori care sunt mai frecvente în imagine.
   • Limitat. Constă din 77 de culori, unele dintre eșantioanele care sunt înlocuite cu alb sub forma unui punct (cereale).
   • Personalizat. Când alegeți această schemă, este posibil să vă creați propria paletă.
   • Alb-negru. Acest tabel utilizează doar două culori (alb-negru), folosind și cereale.
   • În clasele de gri. Există diferite 84 de nivele de nuanțe de gri.
   • MacOS și Windows. Datele de tabel sunt compilate pe baza caracteristicilor imaginilor de cartografiere în browserele care rulează aceste sisteme de operare.

   Iată câteva exemple de scheme de aplicare.

   

   După cum puteți vedea, primele trei eșantioane au o calitate destul de acceptabilă. În ciuda faptului că, vizual, aproape că nu diferă unul de celălalt, pe diferite imagini, aceste scheme vor funcționa diferit.

2. Numărul maxim de culori în tabelul de culori.

   

   Numărul de nuanțe din imagine afectează în mod direct greutatea sa și, în consecință, pe viteza de descărcare din browser. Valoarea de 128 este cea mai des utilizată, deoarece această setare aproape nu afectează calitatea, reducând în același timp greutatea GIF.

   

3. Culori web. Această setare stabilește toleranța cu care nuanțele sunt convertite într-un echivalent de la o paletă web securizată. Câmpul de fișier este determinat de valoarea setată de cursor: valoarea este mai mare - fișierul este mai mic. La configurarea culorilor web nu ar trebui să uităm, de asemenea, de calitate.

   

   Exemplu:

   

4. Dysrying vă permite să vătămați tranzițiile dintre culori prin amestecarea nuanțelor care sunt conținute în tabelul de indexare selectat.

   

   De asemenea, setarea va ajuta cum să păstreze gradienții și integritatea locurilor monocromatice. Când utilizați dispensarea mărește greutatea fișierului.

   Exemplu:

   

5. Transparenţă. Formatul GIF acceptă doar pixeli absolut transparenți sau absolut opaci.

   

   Acest parametru, fără ajustări suplimentare, afișează prostia curbele de linii, lăsând doamnele de pixeli.

   

   Ajustarea se numește "Matte" (la unii editori "Kaima"). Cu aceasta, este configurată să amestecați imaginile pixelilor cu un fundal al paginii pe care acesta va fi localizat. Pentru cel mai bun ecran, alegeți o culoare corespunzătoare culorii fundalului site-ului.

   

6. Intercalat. Unul dintre cele mai utile pentru setările web. În cazul în care fișierul are o greutate considerabilă, vă permite să afișați imediat o imagine pe pagină, deoarece încarcă îmbunătățirea calității sale.

   

7. Conversia SRGB ajută la economisirea culorilor maxime a imaginii originale în timpul salvării.

   

Configurarea "Transparenței de dispărare" agravează semnificativ calitatea imaginii și vom vorbi despre parametrul "pierdere" în partea practică a lecției.

Pentru cea mai bună înțelegere a procesului de stabilire a conservării gifilor în Photoshop, trebuie să practici.

Practică

Scopul optimizării imaginilor pentru Internet este reducerea maximă a greutății fișierului, menținând în același timp calitatea.

1. După procesarea imaginii, accesați meniul "Fișier - Salvare for Web".
2. Expuneți modul de vizualizare "4 opțiune".

   

3. Apoi, aveți nevoie de una dintre opțiunile pentru a face cele mai asemănătoare cu originalul. Lăsați-o să fie o imagine în partea dreaptă a sursei. Acest lucru se face pentru a estima dimensiunea fișierului cu o calitate maximă.

   Setările setărilor sunt după cum urmează:

   • Schema de culori "selectivă".
   • "Culori" - 265.
   • "Diajeringul" este "aleatoriu", 100%.
   • Scoateți zorii opuși parametrului "intercalat", deoarece imaginea finală a imaginii va fi destul de mică.
   • "Culori web" și "pierderi" - zero.

     

   Comparați rezultatul cu originalul. În partea de jos a ferestrei de probă, putem vedea dimensiunea GIF curentă și viteza de încărcare la viteza de internet specificată.

   

4. Du-te la imaginea de mai jos doar configurate. Să încercăm să o optimizăm.
   • Părăsiți schema neschimbată.
   • Numărul de culori reduc până la 128.
   • Valoarea de dispersie a scăzut la 90%.
   • Web-culorile nu atingeți, pentru că în acest caz nu ne va ajuta să menținem calitatea.

     

   Dimensiunea GIF a scăzut de la 36.59 Kb la 26.85 Kb.

   

5. Deoarece unele granulente și defecte mici sunt deja prezente în imagine, să încercăm să creștem "pierderile". Acest parametru definește un nivel admisibil de pierdere a datelor la comprimarea GIF. Modificați valoarea la 8.

   

   Încă am reușit să reducem dimensiunea fișierului, pierzând puțin în calitate. GIF-urile cântăresc acum 25,9 kilobytes.

   

   Total, am reușit să reducem dimensiunea imaginii la aproximativ 10 kB, ceea ce este mai mare de 30%. Rezultatul foarte bun.

6. Acțiunile ulterioare sunt foarte simple. Faceți clic pe butonul Salvare.

   

   Alegem un loc pentru a salva, da numele gifului și apăsați din nou "Salvați".

   

   Rețineți că există o oportunitate împreună cu GIF pentru a crea un document HTML la care va fi construită imaginea noastră. Pentru a face acest lucru, este mai bine să alegeți un dosar gol.

   

   Ca rezultat, obținem o pagină și un dosar cu imaginea.

   

Sfat: Când atribuiți un nume de fișier, încercați să nu utilizați caractere chirilice, deoarece nu toate browserele sunt capabile să le citească.

Această lecție pentru salvarea imaginii în formatul GIF este finalizată. Pe aceasta, am aflat cum puteți optimiza fișierul pentru plasarea pe Internet.