În calitate de designer grafic sau web designer, vi se poate solicita să furnizați imagini gata pentru web, cum ar fi fotografii pentru un site web sau un anunț banner. Instrumentul Photoshop Save for Web este o modalitate ușoară de a vă pregăti fișierele JPEG pentru web, ajutând la compromisul dintre dimensiunea fișierului și calitatea imaginii.
Pentru acest tutorial, salvați imagini JPEG. Instrumentul Salvare pentru Web este, de asemenea, construit pentru a salva fișierele GIF, PNG și BMP.
Ce face un grafic web-ready?
Majoritatea graficelor disponibile pe web au caracteristici comune:
- Rezoluția este de 72 dpi.
- Modul color este RGB.
- Fișierele sunt reduse la dimensiuni pentru paginile web cu încărcare mai rapidă.
Deschideți o imagine
Pentru a exersa cu instrumentul Save for Web, deschideți o imagine în Photoshop.
Clic Fişier> Deschis, căutați imaginea de pe computer și faceți clic pe Deschis. În scopuri practice, o fotografie funcționează bine, deși orice tip de imagine va face.
Redimensionați fotografia la o dimensiune mică pe care ați putea să o utilizați pe un site web. Pentru aceasta, faceți clic pe Imagine> Marimea imaginii, introduceți o nouă lățime în câmpul Lățime și selectațipixeli. În acest caz, introduceți 400 pixeli și faceți clic pe O.K.
Deschideți instrumentul Save for Web Tool
Să presupunem că cineva v-a cerut să furnizați o fotografie la 400 de pixeli, gata să fie postată pe un site web.
Clic Fişier > Salvați pentru Web pentru a deschide Salvați pentru Web căsuță de dialog. (În versiunile ulterioare de Photoshop, calea este Fişier > Export > Salvați pentru Web.)
Răsfoiți diferitele setări și instrumente din fereastră.
03 din 07Configurați Comparația
În partea de sus a Salvați pentru Web fereastră sunt o serie de etichete etichetate Original, Optimizat, 2-Up, și 4-Up. Făcând clic pe aceste file, puteți comuta între o vizualizare a fotografiei originale, fotografia optimizată cu setările Salvare pentru Web aplicate sau o comparație a două sau patru versiuni ale fotografiei.
Alege 2-Up pentru a compara fotografia originală cu cea optimizată prin afișarea copiilor side-by-side ale imaginii.
04 din 07Setați previzualizarea originală
Faceți clic pe fotografia din partea stângă pentru ao selecta. Alege Original de la Presetare meniu din partea dreaptă a paginii Salvați pentru Web (dacă nu este deja selectată). Aceasta face o previzualizare a fotografiei originale, needitate în partea stângă.
05 din 07Setați previzualizarea optimizată
Faceți clic pe fotografia din partea dreaptă pentru ao selecta. Alege JPEG ridicat de la Presetare meniul. Acum puteți compara fotografia optimizată în dreapta, care va fi fișierul dvs. final, cu originalul din stânga.
06 din 07Editați calitatea JPEG
Cea mai importantă setare din coloana din dreapta este Calitate valoare. Pe măsură ce diminuezi calitatea, imaginea ta arată nebun, dar mărimea fișierului scade, iar fișierele mai mici înseamnă pagini web cu încărcare mai rapidă.
Încercați să schimbați calitatea la 0 și observați diferența dintre fotografiile din stânga și dreapta, precum și dimensiunea fișierului mai mică, care este situată sub fotografie.
Scopul este de a găsi un mediu fericit între dimensiunea fișierului și calitatea acestuia. O calitate între 40 și 60 este, de obicei, o gamă bună, în funcție de nevoile dvs. Încercați să utilizați nivelurile prestabilite de calitate (JPEG Mediu, de exemplu) pentru a economisi timp.
07 din 07Salvați imaginea
Odată ce sunteți mulțumit (ă) de fotografia din dreapta, faceți clic pe Salvați buton. Save Optimized As fereastra se deschide. Introduceți un nume de fișier, navigați la dosarul dorit de pe computer și faceți clic pe Salvați. Aveți acum o fotografie optimizată pe web.
