01 din 08
Grafică Web-Ready
În calitate de designer grafic, vă poate fi adesea solicitat să furnizați imagini gata pentru web, cum ar fi fotografii pentru un site web sau anunțuri banner. Instrumentul Photoshop "Salvare pentru Web" este o modalitate simplă și ușoară de a vă pregăti fișierele JPEG pentru web, ajutând la compromisul între dimensiunea fișierului și calitatea imaginii.
NOTĂ: Pentru acest tutorial, urmărim salvarea imaginilor JPEG . Instrumentul Salvare pentru Web este, de asemenea, construit pentru a salva fișierele GIF, PNG și BMP.
Ce face un grafic "Web-ready?"
- Rezoluția este de 72 dpi
- Modul color este RGB
- În general, reduceți dimensiunea fișierului pentru încărcarea mai rapidă a paginilor web
02 din 08
Deschideți o imagine
Pentru a exersa cu instrumentul "Salvați pentru Web", deschideți o imagine în Photoshop; faceți clic pe "Fișier> Deschidere", răsfoiți imaginea de pe computer și faceți clic pe "Deschideți". În scopul acestui tutorial, o fotografie va funcționa bine, deși orice tip de imagine va face. Redimensionați fotografia la o dimensiune mică pe care o puteți utiliza pe un site web. Pentru a face acest lucru, faceți clic pe "Imagine> Dimensiune imagine", introduceți o nouă lățime în caseta "Dimensiunile pixelilor" (încercați 400) și faceți clic pe "OK".
03 din 08
Deschideți instrumentul Save for Web Tool
Acum să presupunem că cineva v-a cerut să livrați această fotografie, la 400 de pixeli lățime, gata să fie postată pe un site web. Faceți clic pe "File> Save for Web" pentru a deschide caseta de dialog Save for Web. Faceți un moment pentru a căuta diferitele setări și instrumente din fereastră.
04 din 08
Configurați Comparația
În colțul din stânga sus al ferestrei Salvare pentru Web există o serie de file selectate Original, Optimizat, 2-Sus și 4-sus. Făcând clic pe aceste file, puteți comuta între vizualizarea fotografiei originale, fotografia optimizată (cu aplicațiile pe care le-ați aplicat pentru Salvarea pentru Web) sau o comparație a 2 sau 4 versiuni ale fotografiei. Alegeți "2-sus" pentru a compara fotografia originală cu cea optimizată. Acum veți vedea copii alături de fotografie.
05 din 08
Setați previzualizarea originală
Faceți clic pe fotografia din partea stângă pentru ao selecta. Alegeți "Original" din meniul Presetare din partea dreaptă a ferestrei Salvare pentru Web (dacă nu este deja selectat). Aceasta va face o previzualizare a fotografiei dvs. originale, needitate pe partea stângă.
06 din 08
Setați previzualizarea optimizată
Faceți clic pe fotografia din partea dreaptă pentru ao selecta. Alegeți "JPEG High" din meniul Presetare. Acum puteți compara fotografia optimizată în dreapta (care va fi în final fișierul dvs. final) cu originalul din stânga.
07 din 08
Editați calitatea JPEG
Setarea cea mai importantă din coloana din dreapta este valoarea "Calitate". Pe măsură ce diminuezi calitatea, imaginea ta va arăta "muddier", dar dimensiunea fișierului tău va scădea, iar fișierele mai mici înseamnă încărcarea mai rapidă a paginilor web. Î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. Photoshop vă oferă, de asemenea, timpul de încărcare estimat sub dimensiunea fișierului. Puteți schimba viteza de conectare pentru acest timp de încărcare făcând clic pe săgeata deasupra previzualizării optimizate a fotografiilor. Scopul este să găsiți 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 (de ex. JPEG Medium) pentru a economisi timp.
08 din 08
Salvați imaginea
Odată ce sunteți mulțumit de fotografia dvs. din partea dreaptă, faceți clic pe butonul "Salvați". Se va deschide fereastra "Save Optimized As". Tastaț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ă pentru web.