Cum să optimizați imaginile PNG pentru Web în Photoshop CS4

Conţinut

• instrucțiuni de ghidare

Când optimizați imaginile pentru Web, fiecare imagine trebuie tratată individual pentru a avea un echilibru bun între calitatea și dimensiunea fișierului. Adobe Photoshop CS4 utilizează două variante de PNG. PNG-24, capabil să conțină multe culori și PNG-8, care generează fișiere mult mai mici. Aceasta înseamnă că imaginile PNG-8 se încarcă mai repede, dar nu conțin întreaga gamă de culori decât imaginile PNG-24 salvate. Photoshop CS4 are opțiunea "Salvați în Web și dispozitive" care ușurează optimizarea imaginilor pentru Web.

instrucțiuni de ghidare

1. Deschideți o imagine în Adobe Photoshop CS4.

2. Faceți clic pe meniul "Fișier" și selectați "Salvați pe Web și dispozitive".

3. Măriți sau micșorați pentru a vedea imaginea făcând clic pe meniul derulant din colțul din stânga jos al ferestrei. Puteți introduce un procentaj sau puteți selecta unul din cele sugerate în acest meniu.

4. Selectați "PNG-24" ca tip de fișier din meniul derulant din partea dreaptă a ferestrei.

5. Selectați fila "Imprimare în 4 pagini" deasupra previzualizării. Aceasta schimbă fereastra de previzualizare, făcând posibilă vizualizarea imaginii originale, salvată în PNG-24 și alte două formate unul lângă celălalt.

6. Configurați fișierul PNG-24 cu opțiunile din partea dreaptă a ferestrei, comparând calitatea imaginii cu originalul și acordând atenție dimensiunii fișierului.

   
   

7. Faceți clic pe unul dintre ferestrele de previzualizare, altele decât imaginea originală sau PNG-24. Modificați formatul acestuia la PNG-, 8 din meniul drop-down.

8. Configurați fișierul PNG-8 cu opțiunile din partea dreaptă a ferestrei, comparând calitatea imaginii cu originalul și cu fișierul PNG-24 și acordând atenție dimensiunii fișierului.

9. Selectați "Perceptiv" pentru a acorda prioritate culorilor la care ochiul uman este cel mai sensibil.

10. Selectați "Selectiv" pentru a utiliza o gamă mai largă decât opțiunea "Perceptual".

11. Selectați "Adaptive" pentru a acorda preferințe culorilor cele mai utilizate în imagine.

12. Selectați "Personalizat" pentru a modifica manual paleta de culori în tabelul de culori.

13. Selectați "Transparență" pentru a păstra pixeli transparenți în imagine. Faceți clic pe "Matte" pentru a înlocui pixelii transparenți cu o culoare, apoi alegeți culoarea pe care doriți să o utilizați.

    
    

14. Selectați imaginea care are cea mai mică dimensiune, în același timp cu cât este mai fidelă imaginea originală.