Cum se exportă JPG-uri pentru Web din Adobe Photoshop Lightroom

Poate că cea mai mare bucurie a fotografiei este împărtășirea muncii tale cu alții și prezentarea creațiilor tale. Calea spre obținerea imaginii online, totuși, poate fi dificilă. În acest tutorial, vă vom arăta cum să exportați imaginile gata pentru web cu cele mai bune rezultate.

Dansul de compresie

Indiferent dacă imaginile sunt încărcate pe un site web sau trimise prin e-mail familiei și prietenilor, este necesară comprimarea. Crearea de imagini pentru capacitățile restrânse ale web-ului înseamnă cântărirea compromisului între calitatea imaginii și mărimea fișierului imaginii. Pe măsură ce crește calitatea imaginii, la fel este și dimensiunea fișierului imaginii.

O parte esențială a proiectării pentru web este luarea în considerare a experienței utilizatorului (Tuts + are un curs fantastic pe UX, dacă sunteți interesat) sau prioritizarea abilității spectatorului de a vizualiza și naviga confortabil pe site. Încărcarea rapidă a paginilor, determinată în parte de dimensiunea fișierului paginii web, reprezintă o mare parte din experiența utilizatorului. Imaginile reprezintă acum 62% din greutatea traficului web. Păstrarea imaginilor mici în dimensiunea fișierului ajută foarte mult la încărcarea rapidă a site-urilor.

Ca fotografi, continuăm să împingem această barieră. Vrem imagini mari, glorioase. Și, deși dorim ca imaginile noastre să apară grozave pe web, nu doriți să forțați ori de încărcare lentă nimănui. Balanța este cheia.

Atunci când exporăm imagini pentru web de la Adobe Photoshop Lightroom, trebuie să luăm în considerare două aspecte cheie: mărimea și calitate.

Exportul în Lightroom

Înainte de a ne scufunda în optimizarea exporturilor, să mergem printr-un export de bază în Lightroom. 

Alegeți o imagine

Pentru a începe un export, alegeți o imagine sau o serie de imagini pentru export. Prefer să aleg imaginile pe care vreau să le export din banda de film. După ce ați selectat imaginile pentru a le exporta, puteți să faceți clic dreapta pe Windows sau să controlați clic pe Mac pentru a alege Export> Export din meniul contextual.

Pentru a exporta o imagine, selectați Export> Export din meniul contextual.

După pornirea exportului, va apărea o nouă fereastră cu o varietate de opțiuni. Să aruncăm o privire la setările cheie pe care le veți alege cu fiecare export.

Exportați locația

Locația de export indică unde vor fi salvate imaginile finale. Puteți alege un dosar din meniul derulant și bifați caseta "Puneți în subfolder" dacă doriți ca imaginile să fie plasate în același dosar.

File Naming

Fiecare export poate de asemenea să conțină propriile setări de redenumire. Dacă rămâneți la opțiunea implicită, imaginile vor avea același nume ca fișierele originale, dar vor fi salvate ca un tip de imagine standard, la fel ca JPEG. De asemenea, puteți să bifați caseta "redenumiți" și să alegeți unul dintre numeroasele șabloane de redenumire pe care Lightroom le oferă pentru a personaliza imaginile exportate.

Setări fișier

Panoul de setări a fișierelor este una pe care o vom discuta puțin mai profund atunci când încercăm să atingem echilibrul de calitate și dimensiunea fișierului. Pe acest ecran, iată sugestiile mele pentru fiecare opțiune:

  • Formatul imaginii: aproape întotdeauna JPEG, în special dacă imaginile sunt legate de web
  • Spațiu de culoare: mereu sRGB
  • Calitate: acest cursor vă permite să alegeți calitatea imaginii exportate; un număr scăzut este o fișă mică, de calitate scăzută; tragerea glisorului spre dreapta mărește atât calitatea imaginii, cât și dimensiunea fișierului
  • Limitați dimensiunea fișierului la: De asemenea, putem verifica opțiunea "dimensiune fișier limită" pentru a pune o limită la dimensiunea fișierului imaginii salvate

Image Size

Dimensiunea imaginii este un alt panou care controlează dimensiunea imaginilor noastre. Puteți alege atât dimensiunile, cât și DPI pentru imaginile exportate.

Exportarea pentru web

Când vine vorba de echilibrul dintre dimensiunea fișierului și calitatea imaginii, aici sunt lucrurile cheie de luat în considerare:

mărimea

Prima parte a unui export eficient este de a lua în considerare dimensiunea imaginii pe web. Dimensiunea unei imagini este dimensiunea pixelului real al imaginii.

Când imaginile ies din aparatul foto, dimensiunile lor sunt uriașe. De exemplu, imaginile de 22 de megapixeli de la Canon 5D Mark III măsoară până la 5760 × 3840 pixeli. Cu toate acestea, ecranul laptopului meu are doar 1440 x 900 pixeli. Vedeți problema? Factor în faptul că imaginile web sunt din nou mai mici decât lățimea monitoarelor noastre, iar nevoia de redimensionare este clară.

Puteți afișa dimensiunile brute ale unei imagini în Lightroom apăsând tasta "i" de pe tastatură. Acesta va afișa dimensiunile pixelilor imaginii capturate. Puteți vedea aici că imaginile care ies din aparatul de fotografiat vor fi mult mai mari decât este necesar pentru web, în ​​cazul în care imaginile sunt de obicei de 1000 pixeli lățime sau mai mică.

Pentru tutoriale pe Tuts +, imaginile noastre sunt redimensionate la 600 de pixeli și au o dimensiune maximă a fișierelor de 200 kilobytes. Acest lucru asigură o încărcare rapidă și, pentru majoritatea oamenilor, aceasta face treaba. Dacă citiți această pagină pe telefonul dvs. smartphone, este posibil ca acesta să fie încărcat destul de repede, chiar dacă vă aflați într-o conexiune lentă.

Modul meu preferat de a exporta imagini din Lightroom este să aleg opțiunea "Redimensionare pentru a se potrivi -> Long Edge" în dialogul de export. Aceasta va dimensiunea tuturor imaginilor pentru a fi 600 de pixeli pe cea mai mare parte a acestora, indiferent dacă este orientată spre portret sau peisaj. Cealaltă parte este calculată automat. Aceasta este o opțiune excelentă când export pentru Tuts +, unde toate imaginile au 600 de pixeli pe latura lungă.

Calitate

Într-o lume perfectă, am putea întotdeauna să exportăm imagini la o calitate maximă. În realitate, aflăm că exporturile de calitate maximă nu sunt întotdeauna necesare. La dimensiunile web, diferențele de calitate sunt adesea greu de perceput, ceea ce înseamnă că putem să scădem ușor calitatea și să diminuăm foarte mult dimensiunea fișierului.

În capătul superior al scării de calitate se înregistrează scăderi ale randamentelor. Diferența în calitatea percepută între o setare de calitate de 90 și 100 este greu de văzut, dar crește semnificativ dimensiunea fișierului.

Imaginea de mai sus arată comparația în calitate cu diferitele setări ale cursorului. În cea mai mică calitate, puteți vedea cu siguranță niște bandaj pe cer. Pe masura ce creste calitatea, la fel se intampla si nivelul de detaliu al treeturilor si acasa, dar vine la costul unui fisier mai mare, dupa cum se arata mai jos.
Setarea calității la lumină Dimensiunea fișierului imagine la export
25 91kb
50 122kb
75 168kb
100 366kb

Având în vedere rezultatele de mai sus, aș alege probabil exportul de calitate 75. Ea lovește echilibrul corect al calității și fixarea limitei Tuts + de 200kb.

Profiluri încorporate pentru Web

Un pas important de verificare pentru exportul imaginilor pentru web este includerea profilului de culoare corect în exporturile dvs. Daniel Sone are o mare poveste despre Tuts + toate despre spațiile de culoare, dar în scopul exportului în Lightroom, asigurați-vă că încorporăm profilul de culoare sRGB.

La exportul pentru web, întotdeauna mă asigur că am selectat "sRGB" ca spațiu pentru culoarea mea pentru cele mai bune rezultate.

Presetări pentru export

Chiar și atunci când exportați pentru web, există o serie de scenarii diferite care vă vor afecta setările. Chiar dacă optimizăm dimensiunea fișierului, există situații în care sunt necesare imagini de calitate superioară sau de rezoluție mai mare. De aceea, setările de export sunt utile; puteți construi mai multe opțiuni diferite și le puteți utiliza pentru diferitele dimensiuni țintă.

În fereastra de export, salvarea setărilor curente pentru export este foarte ușoară. După ce ați ales toate setările dvs. de export, apăsați pe butonul "+" și salvați presetările pregătite pentru web.

După ce ați adăugat regulile de redimensionare și calitate, nu uitați să salvați unele "Presetări de export" apăsând pe Adăugare. Aceasta vă va salva toate regulile; Vă recomandăm să construiți mai multe pentru diverse obiective web.

Cumpărați

În acest tutorial ați învățat câteva bune practici și idei pentru exportul eficient pentru web. Comprimarea imaginilor pentru web asigură că spectatorii le vor încărca rapid. Cu setările potrivite, putem menține în continuare o calitate superioară.