Cum se salvează imaginile pentru Web în Photoshop

Una dintre funcțiile critice oferite de Photoshop este funcția Salvare pentru Web / Dispozitive .

De ce să o folosiți? În timp ce vă puteți salva fișierul într-o metodă standard, cum ar fi Fișier / Salvare ca , funcția Salvare pentru Web / Dispozitive are trei aspecte esențiale.

Acest instrument funcționează excelent pentru afișarea icoanelor Twitter, a profilurilor de pe Facebook, a fișierelor de produse, a imaginilor de blog și a fișierelor sursă pentru favicoane.

  • 01 - Deschideți fișierul sursă

    Fișier / Deschideți Photoshop. Screenshot de Bryan Haines

    Pentru a începe, va trebui să accesați Fișier / Deschidere pentru a deschide fișierul. Poate fi în orice format - jpg, gif, psd, png sau altele. Atâta timp cât Photoshop îl poate deschide, îl puteți descărca pentru web.

  • 02 - Salvarea fișierului dvs. pentru Web

    Salvați fișierul Photoshop CS5. Screenshot de Bryan Haines

    Vom trece peste salvarea pentru Web, presupunând că ați făcut toate ajustările de care aveți nevoie. Evident, dacă trebuie să editați imaginea, faceți acest lucru mai întâi și continuați cu acest pas mai târziu.

    Accesați File / Save for Web / Devices și faceți clic pe. Este cam la jumătatea drumului în meniul derulant.

    Acest proces nu modifică deloc fișierul original. Creați un fișier nou. După ce ați terminat acest tutorial și reveniți la imaginea originală din Photoshop, va trebui să salvați fișierul dacă ați făcut modificări. Este important să numiți noua imagine diferită de cea originală. Adesea, pur și simplu adăugarea _web la numele fișierului va funcționa bine. (exemplu: filename_web.jpg)

  • 03 - Reglați vizualizarea Comparație la 2-sus

    Comparație comparativă între Photoshop CS5. Screenshot de Bryan Haines

    În funcție de setările dvs., poate fi necesar să ajustați vizualizarea aici. Ceea ce doriți este o comparație la stânga și la dreapta a imaginii dvs. Partea stângă va arăta originalul, în dreapta va apărea calitatea imaginii la setările curente.

    Dacă priviți în partea de sus a ferestrei, veți vedea următoarele opțiuni: Original, Optimizat, 2-Up, 4-Up. În cele mai multe scopuri, 2-Up este ceea ce veți dori.

  • 04 - Stabiliți dimensiunea vizionării la 100%

    Ajustarea vizualizării la 100% în Photoshop CS5. Screenshot de Bryan Haines

    Pentru a vă asigura că vizionați la 100%, verificați opțiunea din colțul din stânga jos al ecranului.

    Este important să rețineți că, dacă vă vedeți imaginea mai mare de 100%, aceasta va arăta granulată sau chiar indescifrabilă. Lucrați întotdeauna cu imaginea la 100%.

  • 05 - Alegeți dimensiunile fișierelor

    Alegerea dimensiunilor fișierelor în Photoshop CS5. Screenshot de Bryan Haines

    Dimensiunile pentru web sunt aproape întotdeauna în pixeli (px). Este important să păstrați proporțiile corecte. Pe lângă caseta cu imagini este o imagine mică a unei legături lanț. Ceea ce face este să scalați lățimea când ajustați înălțimea. De exemplu, o imagine care este de 600x400px. Dacă reduceți lățimea la 300px, fișierul se va scala automat la o înălțime de 200px. Dacă nu este bifată, imaginea va fi distorsionată.

    De asemenea, aveți opțiunea de a scala imaginea cu procente.

  • 06 - Alegeți tipul de fișier pentru export

    Alegerea tipului de fișier pentru export în Photoshop CS5. Screenshot de Bryan Haines

    În această opțiune, tipul fișierului original nu contează. Puteți alege orice fișier de care aveți nevoie.

    Notă: pentru a începe procesul, va trebui să faceți clic pe imaginea din dreapta. Imaginea trebuie selectată pentru a fi procesată.

    Cea mai comună este jpg pentru web - este cel mai mic format de fișier, ceea ce înseamnă că se descarcă mai repede pentru vizitatorii site-ului. Dacă aveți transparență, alegeți png-24. Dacă nu știți ce transparență înseamnă că trebuie să alegeți jpg.

  • 07 - Alegeți Calitate imagine

    Alegeți calitatea imaginii în Photoshop CS5. Screenshot de Bryan Haines

    Fiecare dintre cele trei opțiuni jpg (High, Medium, Low) are setări prestabilite de calitate - toate acestea pot fi ajustate manual. Dacă vizionați la 100% puteți decide ce calitate aveți nevoie. Pentru a regla nivelul de zoom, consultați Pasul 5. Imaginea va arăta la fel ca și în fereastra de previzualizare.

    Dacă ați ales altceva decât jpg, puteți trece peste acest pas.

  • 08 - Salvați fișierul

    Salvați fișierul în Photoshop CS5. Screenshot de Bryan Haines

    După ce ați făcut ajustările necesare, sunteți gata să salvați fișierul. Faceți clic pe "Salvați" și alegeți numele dosarului și al fișierului dorit pentru această nouă imagine.

    Felicitări! Fișierul dvs. nou este gata de utilizare online.