- 1. Tipuri de formate de imagine în Photoshop
- 2. Cum să comprimați o imagine în Photoshop
- 3. Schimbați profilul de culoare Photoshop
- 4. Comprimă imaginea fără a pierde calitatea Photoshop
- 5. Comprimă imagini PNG în Photoshop
- 6. Salvați imagini JPG.webp pentru Photoshop web
- 7. Salvați imagini PNG pentru web Photoshop
- 8. Salvați imagini pentru Photoshop web
Având un site web nu se bazează doar pe încărcarea necontrolată de conținut, trebuie să aveți grijă de structura web, inclusiv de fiecare element pe care îl găzduim în el. Trebuie să se țină cont de faptul că este accesat prin conexiuni la internet și că, deși în multe locuri există viteze mari, în altele acestea sunt încă oarecum întârziate. Toate acestea fără a lua în considerare importanța temei mobile și cheltuiala megabytes. De aceea, comprimarea imaginilor fără a pierde calitatea Photoshop este o sarcină foarte căutată de creatorii care gândesc în interesul utilizatorilor.
Ceea ce nu ar trebui să facem este să transformăm site-ul nostru într-un spațiu lent în care oamenii nu vor să intre din nou, lucru pe care îl putem evita dacă luăm în considerare diferite elemente și învățăm să comprimăm imagini în Photoshop. Una dintre ele și foarte importantă este încărcarea de imagini. Dacă aveți un site cu mult conținut vizual, trebuie să aveți grijă de el atât din interior, cât și din exterior, comprimând imaginile Photoshop și făcând pagina să meargă mult mai repede.
Viteza site-ului nostru web este esențială pentru experiența utilizatorului, deoarece nu este același lucru să intrăm într-o pagină rapidă care nu afectează conexiunea noastră la un site web în care toate obiectele pe care le vedem se încarcă foarte încet. În plus, pentru a vedea imaginile, acestea trebuie să fie descărcate pe server, deci cu cât volumul este mai mare, cu atât va dura mai mult încărcătura și probabil că utilizatorul va dispera și va pleca. De aici și importanța editării imaginilor în Photoshop și a îmbunătățirii site-ului nostru web sau pur și simplu a spațiului nostru, știind cum să comprimăm imaginile în Photoshop.
Dacă încărcați imagini foarte grele, pagina dvs. va fi lentă, iar utilizatorii vor obosi și vor pleca. Dacă doriți să evitați pierderea vizitelor, aveți grijă de tot ce încărcați și aflați cum să comprimați o imagine în Photosho reducând dimensiunea acesteia.
1. Tipuri de formate de imagine în Photoshop
Pentru a vorbi despre optimizarea imaginii, trebuie să distingem ce tip de format de imagine avem și care este cel mai potrivit pentru noi.
Format JPEG.webpPentru utilizarea generală a fotografiei, este formatul standard utilizat cu rezultate de bună calitate. Suportă culoare pe 24 de biți.
Format PNG-8Este alternativa la GIF.webp, dar fără animații și poate afișa până la 256 de culori. Comprimarea sa pentru web este una dintre cele mai potrivite, permițând o calitate bună cu dimensiuni reduse.
Format PNG-24Este o opțiune bună pentru a exporta imagini de calitate la fel ca JPEG.webp. Acest tip de extensie este convenabil atunci când avem o imagine care conține transparență. De asemenea, afișează până la 16 milioane de culori, deoarece acceptă culori pe 24 de biți.
Format GIF.webpEste formatul pentru animații prin excelență. Reprezintă până la 256 de culori în forme de cantități mari de culoare solidă, linii sau text.
Pentru acest tutorial vom alege două dintre cele mai utile și utilizate formate pentru încărcarea imaginilor pe web: JPEG.webp și PNG-8.
2. Cum să comprimați o imagine în Photoshop
Când lucrăm într-un spațiu de lucru în Photoshop, o facem în funcție de anumiți parametri, în funcție de imagine sau de natură generală. Una dintre ele este dimensiunea, proporțiile imaginii cu care lucrăm. Dimensiunea unei imagini corespunde numărului de pixeli pe care îi conține vertical și orizontal, dând naștere dimensiunii imaginii.
Ceea ce numim rezoluție înseamnă numărul de informații dintr-un spațiu specific, care se numește pixeli pe inch sau dpi. Aceasta înseamnă că cu cât numărul de pixeli pe inch este mai mare, rezoluția noastră va fi mai mare.
Odată ce ambele aspecte au fost diferențiate, trebuie remarcat faptul că două imagini pot avea aceeași dimensiune, dar rezoluție și proporții diferite. Dacă sunt imagini pentru web, se recomandă tratarea dimensiunilor în dimensiunea pixelilor. Pentru a-l accesa, accesați Imagine / Dimensiune imagine sau apăsați următoarea combinație.
Ctrl + Alt + I
NotăOpțiunea Resample image ne permite să schimbăm dimensiunea fără a modifica rezoluția. Selectați cea mai potrivită opțiune pentru ceea ce aveți nevoie.
3. Schimbați profilul de culoare Photoshop
Spațiul de culoare în care lucrăm va influența și fișierul final. Trebuie menționat diferența dintre spațiul sRGB și RGB. Sistemul Adobe RGB a fost introdus de companie în 1998 și compune un spectru de culoare mult mai larg decât spațiul sRGB. Acest lucru nu înseamnă că este mai rău, ci că sunt dedicate unor obiective diferite.
Sistemul RGB este mai aproape cu spectrul său de cel al CMYK, care este orientat către lumea tipăririi. În ciuda faptului că are mai multe culori, standardul distribuit digital pe dispozitive, fie că sunt telefoane mobile, monitoare sau orice dispozitiv digital, este cel al sRGB. Când unul dintre aceste dispozitive întâlnește RGB, încearcă să comprime culorile în exces și creează un sRGB fals cu rezultate mai slabe.
Pasul 1
Prin urmare, este recomandat să faceți fotografii, spațiu de lucru în Photoshop sau să le optimizați cu acest sistem pentru a îmbunătăți compatibilitatea culorilor. Pentru a schimba profilul de culoare de lucru, accesați meniul Editați și selectați Convertiți în profil.
Pasul 2
În fereastra următoare va trebui să alegeți doar profilul de care aveți nevoie, în acest caz sRGB.
4. Comprimă imaginea fără a pierde calitatea Photoshop
Formatul JPG.webp este cel mai utilizat standard și, deși permite compresia, nu oferă la fel de mulți parametri editabili ca PNG. Putem varia greutatea finală a imaginii noastre prin redimensionarea fotografiei sau la export.
Pasul 1
Când salvăm ca JPEG.webp, vedem că avem două opțiuni, pe de o parte, configurăm opțiunile de imagine (calitate) și, pe de altă parte, opțiunile de format. Pentru aceasta, accesați meniul File / Save as sau următoarea combinație și selectați formatul JPEG.webp.
Shift + Ctrl + S
Pasul 2
Acești parametri de configurare apar în fereastra următoare. Să vedem ce înseamnă fiecare.
Opțiuni de imagineAici trebuie să alegem calitatea finală a imaginii, este evident că cu cât este mai mare calitatea, cu atât este mai mare dimensiunea fișierului, putând vedea ce va ocupa în cele din urmă dacă facem clic pe Previzualizare. Mutați bara pentru a putea modifica aceste valori.
Dacă dorim ca o fotografie să imprime dimensiunea posterului, trebuie să selectăm o calitate mult mai înaltă decât dacă dorim o imagine pentru web, amintiți-vă că cu cât dimensiunea imaginii este mai mare, cu atât vor fi necesare mai multe resurse pentru a o încărca prin web.
Opțiuni de formatareAici găsim diferite alternative pentru a da formatul final imaginii noastre. Cea mai recomandată este linia de bază standard, deoarece este de obicei cea mai compatibilă.
- Linia de bază („Standard”). Folosește utilizarea unui format care este recunoscut de marea majoritate a browserelor și programelor web. În prezent, cele mai recente programe nu oferă de obicei incompatibilități.
- Linie de bază optimizată. Acest format va crea un fișier imagine care conține culori optimizate, oferindu-vă astfel o dimensiune mai mică.
- Progresist. Cu această opțiune, vor fi afișate diferite versiuni care vor fi din ce în ce mai detaliate pe măsură ce se descarcă. Utilizatorul este cel care decide câți vor fi creați. Este un format care a fost folosit și este folosit foarte mult atunci când mergem la conexiuni lente care necesită încărcarea măturărilor.
NotăTrebuie menționat faptul că nu toate browserele vin să recunoască sau să accepte imagini JPEG.webp care sunt progresive sau optimizate.
5. Comprimă imagini PNG în Photoshop
Pasul 1
Pentru a exporta ca PNG trebuie să facem același prim pas ca și celelalte formate, accesați Meniu fișier / Salvați ca și selectați în acest caz PNG.
Pasul 2
Acum veți vedea în fereastra de salvare că apar diferite opțiuni.
ComprimarePutem selecta tipul de compresie pe care îl dorim sau să spunem nici unul dacă nu dorim să fie aplicată. În funcție de alegere, viteza de încărcare va fi mărită sau scăzută.
ŢeseAceastă opțiune este importantă, mai ales dacă vorbim despre platforme web. Să vedem diferența:
- Nici. Această opțiune permite afișarea unei imagini numai atunci când a fost încărcată complet, adică dacă avem o conexiune lentă sau cu probleme, imaginea nu va apărea până când nu va fi încărcată în transferul de internet.
- Împletite. Această opțiune este mai recomandată pentru serviciile web, deoarece afișează versiuni reduse ale imaginii pe măsură ce se încarcă. Acest lucru ajută procesul de descărcare să fie mai mic și, de asemenea, utilizatorul va ști că imaginea este descărcată.
6. Salvați imagini JPG.webp pentru Photoshop web
Pasul 1
Una dintre cele mai avantajoase opțiuni pe care o avem în Photoshop pentru optimizarea imaginii este Salvat ca un web, ceea ce ne permite să ajustăm manual diferiți parametri. Această salvare este foarte utilă pentru imaginile dedicate încărcării web, permițând imagini de calitate, dar cu dimensiuni reduse. Pentru aceasta mergem la Fișier / Salvare pentru web sau facem următoarea combinație.
Alt + Shift + Ctrl + S
Pasul 2
Dacă dorim să selectăm JPEG.webp, vom avea aceste setări.
Calitatea imaginiiSelectați calitatea preferată a imaginii de la Scăzută la Maximă sau cu valorile din dreapta. Puteți vedea variația dimensiunii sub imaginea din stânga.
ProgresistImaginea se va încărca puțin câte puțin, adică vom trece de la a o vedea cu rezoluție mică la cea adevărată.
ÎmpletitAfișează imaginea numai atunci când este complet încărcată.
AuraDacă imaginea este transparentă, selectați o culoare halo echivalentă cu fundalul paginii în care va fi încorporată.
Încorporați profilul de culoareSelectați această opțiune pentru a păstra profilul ICC al imaginii, unele browsere web o folosesc pentru a corecta culoarea.
Convertiți în sRGBUtilizați acest profil pentru a îmbunătăți compatibilitatea culorilor pe dispozitive și monitoare.
Aveți alte opțiuni, cum ar fi modul de previzualizare, metadate sau redimensionare cu sau fără restricții.
7. Salvați imagini PNG pentru web Photoshop
Pasul 1
După cum știm deja pentru a putea accesa Salvat pentru web în PNG, trebuie să accesați Fișier / Salvare pentru web. Amintiți-vă că acest format este foarte bun pentru imaginile cu o destinație web, deoarece rezultatul său oferă o relație foarte bună între calitate și greutatea fișierului.
Pasul 2
Pentru a exporta ca PNG selectați-l din meniul derulant. Amintiți-vă că PNG 24 oferă mai multă culoare, astfel încât dimensiunile sunt mult mai mari decât cele ale PNG-8. Vă recomandăm aceasta din urmă pentru imagini web standard. Fereastra care apare este similară cu cea a JPEG.webp și, pe lângă opțiunile deja văzute în secțiunea anterioară, putem alege și:
TransparenţăAici puteți selecta tipul de transparență care se potrivește cel mai bine imaginii dvs. sau îl puteți elimina și puteți selecta o anumită culoare cu Halo.
Se potrivește pe webAcest parametru permite comprimarea imaginii în continuare, cu cât procentul de reglare este mai mare, cu atât este mai mare compresia, cu atât este mai mică calitatea și dimensiunea este mai mică.
8. Salvați imagini pentru Photoshop web
Pasul 1
Pentru a putea efectua o compresie automată atât pentru PNG cât și pentru JPEG.webp, deschidem salvarea pentru web în Fișier / Salvare pentru Web sau următoarea combinație de taste.
Alt + Shift + Ctrl + S
Pasul 2
În dreapta opțiunii Presetări, faceți clic pe fila meniu care apare și selectați Optimizați la dimensiunea fișierului.
Pasul 3
Acum trebuie doar să selectați dimensiunea imaginii pe care doriți să o aveți, iar programul va efectua automat comprimarea pentru dvs. Puteți varia valorile pentru a obține rezultate diferite.
Pasul 4
De asemenea, puteți merge la fereastra numită 4 exemplare și puteți selecta una dintre versiunile care vi se oferă de acolo și salvați-o.
Pasul 5
Dacă doriți să modificați dimensiunea și viteza de transfer, faceți clic pe valorile de sub imagine și selectați-le automat.
După cum puteți vedea, există diferite moduri de a reduce dimensiunea imaginilor dvs. în funcție de scopul lor. Există mulți parametri de care trebuie să țineți cont, dar în funcție de nivelul de care aveți nevoie, unul sau altul va fi mai util pentru a ști cum să comprimați imaginea Photoshop. În următorul videoclip vă vom arăta grafic cum să optimizați și să comprimați imaginile într-un mod simplu și complet. Dacă doriți o compresie rapidă, prima metodă vă va fi bună și dacă căutați ceva mai complex în care puteți edita toți parametrii, metoda dvs. este a doua.