Salvați Photoshop Images ca GIF pentru dispozitive web și mobile

Salvarea fișierelor pentru web sau pentru dispozitivele mobile din Photoshop Creative Suite 5 creează o versiune mai mică a imaginii, astfel încât aceasta să se încarce rapid. Ideea este de a face imaginea cât mai mică posibil, păstrând-o vizual plăcută.

Utilizați formatul GIF dacă aveți suprafețe mari de culoare solidă.

O imagine cu o mulțime de culoare solidă face un bun GIF.

Formatul GIF nu este lossy ( nu pierde date când fișierul este comprimat în acest format), dar reduce dimensiunea fișierului utilizând un număr limitat de culori într-o tabelă de culori. Cu cât numărul de culori este mai mic, cu atât dimensiunea fișierului este mai mică. Dacă ați lucrat vreodată în modul Color Index, sunteți familiarizat cu acest proces.

Transparența este susținută de formatul de fișier GIF. În general, fișierele GIF nu fac o treabă bună pe nimic care necesită tranziții ușoare de la o culoare la alta, datorită suportului redus al formatului anti-aliasing , care este metoda pe care Photoshop o folosește pentru a netede margini zimțate. Atunci când o imagine trece de la o culoare la alta, Photoshop produce mai multe culori de pixeli pentru a crea un amestec perfect între cele două culori.

Deoarece anti-aliasing trebuie să creeze mai multe culori pentru acest efect, fișierele GIF în general nu sunt recomandate. De fapt, când reduceți dimensiunea unui GIF, sunteți mai apt să vedeți bandă (un artefact care apare ca dungi în imagine), deoarece analitica nu poate avea loc cu limita numărul de culori disponibile în formatul GIF.

Puteți, bineînțeles, să crească dramatic numărul de culori pentru a crea o tranziție mai ușoară, dar riscați să creați fișiere de monștri care să fie descărcate pentru totdeauna.

Salvează ca GIF

Când alegeți File → Save For Web & Devices, mai întâi vedeți opțiunile disponibile pentru formatul GIF. Ele pot fi mai clare pentru tine dacă aveți o imagine deschisă (cu multă culoare solidă în ea).

Pentru a salva un fișier pentru Web ca GIF, urmați acești pași:

1. Selectați Fișier → Salvare pentru Web și dispozitive.

   Se afișează caseta de dialog Salvare pentru Web și dispozitive.

2. În partea de sus, faceți clic pe fila 2-Up.

   Puteți vedea imaginea originală din stânga și imaginea optimizată în partea dreaptă (sau în partea de sus și de jos, în funcție de proporțiile imaginii).

   În partea inferioară a ecranului, veți vedea dimensiunea originală a fișierului în comparație cu dimensiunea optimizată a fișierului, precum și timpul aproximativ de descărcare. Timpul de descărcare este important. Majoritatea oamenilor nu așteaptă mai mult de zece secunde pentru ca o pagină web să apară, așa că păstrați durata de descărcare a fiecărei imagini la cinci secunde sau mai puțin.

   Modificați viteza de descărcare alegând din meniul Preview (căutați săgeata din partea dreaptă sus a casetei de dialog Save for Web & Devices).

3. Alegeți GIF 32 No Dither din lista derulantă Presetare.

   Este posibil să vedeți deja o modificare. Photoshop vă furnizează presetări pentru a alege, sau puteți personaliza și salva propriile dvs.

4. Alegeți dacă doriți să aplicați dithering imaginii selectând o opțiune din lista derulantă Specify the Algorithm Dither.

   Această alegere este pur personală. Deoarece este posibil să restricționați culorile, Photoshop poate utiliza dithering pentru a amesteca pixelii culorilor disponibile pentru a simula culorile care lipsesc. Mulți designeri aleg opțiunea No Dither, deoarece dithering-ul poate crea o strălucire a culorii nenaturale într-o imagine.

   

   Alegeți dintre presetări sau creați propriile setări personalizate.

5. Dacă imaginea dvs. se află pe un strat transparent și doriți să mențineți acea transparență pe o pagină Web, bifați caseta de selectare Transparență.

Tabel de culori în caseta de dialog Salvare pentru Web și dispozitive

Când salvați o imagine în format GIF utilizând caseta de dialog Salvare pentru Web și dispozitive, veți vedea tabelul de culori pentru imaginea din partea dreaptă a casetei de dialog. Tabelul de culori este important deoarece nu numai că vă permite să vedeți culorile folosite în imagine, dar și vă permite să personalizați tabelul de culori utilizând opțiunile din partea de jos.

Este posibil să doriți să vă personalizați tabelul de culori selectând unele culori pentru a fi protejate în Web și pentru a bloca culorile astfel încât să nu fie lovite în timp ce reduceți numărul utilizat.

Pentru a personaliza o tabelă de culoare, urmați acești pași:

1. Dacă imaginea dvs. are doar câteva culori pe care doriți să le convertiți în culori securizate în Web, alegeți instrumentul Eyedropper din partea stângă a dialogului Save for Web & Devices și faceți clic pe culoarea din vizualizarea Optimizată.

   Culoarea eșantionată este evidențiată în tabelul de culori.

2. Faceți clic pe butonul Web Safe din partea de jos a tabelului de culori.

   Când treci peste acest buton, apare butonul Tool Shift / Unshifts Selected Colors în panoul Web.

   Apare un diamant, indicând faptul că culoarea este acum protejată de web.

3. Blocați culorile pe care nu doriți să le ștergeți pe măsură ce reduceți numărul de culori din tabelul de culori.

   Selectați o culoare cu instrumentul Picapod sau alegeți-o în tabelul de culori, apoi faceți clic pe butonul Blocare culoare. În colțul din dreapta jos apare un pătrat alb care indică faptul că culoarea este blocată.

   Dacă blocați 32 de culori și apoi reduceți tabelul de culori la 24, unele dintre culorile blocate sunt șterse. Dacă alegeți să adăugați culori, aceste culori blocate sunt primele care se întorc.

   

   Personalizați culorile utilizând tabelul de culori în fereastra Salvare pentru Web și dispozitive.

Cum se creează tabelul de culori? Pe baza metodei algoritmului de reducere a culorii pe care o alegeți, opțiunea "Salvați pentru web și dispozitive" prezintă eșantioanele numărul de culori pe care le indicați. Dacă este important să mențineți culoarea web în siguranță, selectați opțiunea Restrictive (Web) pentru metodă; dacă doriți ca imaginea dvs. să arate mai bine pe majoritatea monitoarelor, dar nu neapărat să fie sigură pe internet, alegeți opțiunea Adaptive.

1. Utilizați meniul drop-down Culori sau introduceți un număr pentru a adăuga sau șterge culori din tabelul de culori.

2. Dacă imaginea dvs. utilizează transparența, bifați caseta de selectare Transparență din partea de sus a casetei de dialog Salvare pentru Web și dispozitive.

   Amintiți-vă că transparența este considerată ca una dintre culorile dvs. în tabelul de culori.

3. Selectați caseta de selectare Interlaced numai dacă imaginea dvs. GIF este mare (25K sau mai mare).

   Selectarea acestei opțiuni face ca imaginea să construiască mai multe scanări pe pagina web - o imagine cu rezoluție redusă care apare rapid și apoi este actualizată cu imaginea cu rezoluție mai mare atunci când descărcarea este finalizată. Intercalarea dă iluzia că descărcarea merge mai repede, dar face dimensiunea fișierului mai mare, deci folosiți-o numai dacă este necesar.

4. Faceți clic pe Salvați.

   Acum imaginea este gata să fie atașată la un mesaj de poștă electronică sau utilizată într-o pagină web.