Cum se reduce dimensiunea JPEG și a altor fișiere imagine

Imaginile pe care le utilizați pe site-ul dvs. web sunt unul dintre cele mai importante elemente. Nu numai că doriți să aveți imagini convingătoare din punct de vedere vizual, dar nici nu doriți ca aceste imagini să fie atât de mari încât să încetinească timpul de încărcare pentru site-ul dvs. Unul dintre principalele motive pentru care un site va rămâne întârziat este că imaginile incluse în acesta nu au fost redimensionate pentru o performanță optimă a site-ului.

În acest articol, vom explora metodele manuale pentru reducerea dimensiunilor imaginilor în Photoshop, inclusiv schimbarea tipului de fișier, redimensionarea și comprimarea fișierelor utilizând funcția Salvare pentru web. Dacă cei care caută ceva mai automatizat, ne vom uita și la câteva pluginuri și opțiuni bazate pe web.

Abonați-vă la canalul nostru Youtube

Schimbarea tipului de fișier

„Dimensiune fișier” pentru un fișier imagine se referă la numărul de pixeli pe inch. În general, cu cât sunt mai mulți pixeli pe inch, cu atât mai multe informații dețin fișierul, astfel, cu atât este mai mare dimensiunea sa.

Cele mai comune două tipuri de fișiere pentru imagini sunt JPG și PNG.

• PNG - Grafică de rețea portabilă - Acest tip de fișier este utilizat în principal pentru fișiere grafice cum ar fi sigle, pictograme, ilustrații și text. Când sunt editate într-o aplicație de editare foto precum Photoshop, aceste fișiere nu pierd prea multe date atunci când le manipulați sau le comprimați. Acestea sunt denumite „fără pierderi” din acest motiv. Aceste fișiere tind să aibă dimensiuni mai mari din acest motiv.
• JPEG - Joint Photographic Experts Group - Acesta este cel mai comun tip de fișier pe care îl veți găsi pentru majoritatea imaginilor de pe internet. Acest tip de fișier poate gestiona milioane de culori, poate fi foarte comprimat, păstrând în același timp calitatea. Acestea sunt denumite „pierderi”, deoarece procesul de comprimare a acestora elimină pixeli din imagine.

Oricare tip de fișier poate funcționa. Pe care o alegeți depinde cu adevărat de site-ul dvs., de numărul și tipul de fotografii pe care alegeți să le utilizați.

Iată un exemplu de fotografie. Formatul său original era ca un fișier JPG.

Am folosit comanda Fișier> Salvare ca în Photoshop și am ales formatul PNG și am finalizat funcția de salvare.

Când am schimbat tipul de fișier, dimensiunea fișierului a trecut de la 646 MB la 1,3 KB. După cum sa menționat mai sus, fișierele PNG sunt de obicei mai mari, deci pentru acest tip de imagine cu multă culoare și detalii, este mai bine să rămâneți cu versiunea JPEG pentru a asigura timpi de încărcare mai rapide. Dacă știți că imaginea dvs. trebuie să poată scări mai mari fără a pierde rezoluția, mergeți cu versiunea PNG.

Rețineți că există multe alte formate de fișiere disponibile. M-am concentrat pe JPEG și PNG, deoarece acestea sunt cele mai populare.

Redimensionare manuală în Photoshop

În Photoshop, puteți utiliza funcția Imagine> Dimensiune imagine pentru a redimensiona manual imaginea. Instrumentul arată astfel:

Puteți vedea dimensiunea curentă a imaginii și dimensiunile pixelilor sunt notate în partea de sus a instrumentului. Orice ajustare pe care o faceți aici va schimba dimensiunea.

Fit To este o listă derulantă care are dimensiuni prestabilite și setări de pixeli.

Dacă aleg prima opțiune din acea listă pentru a ajusta dimensiunile și pixelii per in (ppi), pot vedea cum se va modifica dimensiunea fișierului.

Puteți experimenta cu aceste setări pentru a determina dacă o dimensiune standard din meniul derulant va funcționa sau dacă trebuie să modificați manual lățimea, înălțimea sau opțiunile de rezoluție pentru a obține dimensiunea de care aveți nevoie.

Salvați pentru funcția web

Save for Web este diferit de Save As în sensul că opțiunea web elimină metadatele (detalii despre tipul și originea imaginii) din fișier înainte de a le salva. Această funcție este destinată în mod special imaginilor care vor fi afișate pe internet, deci poate fi o modalitate foarte rapidă de redimensionare, menținând în același timp calitatea.

Găsiți opțiunea Salvare pentru web navigând la Fișier> Export> Salvare pentru web:

Când se deschide fereastra Save for Web, veți observa un alt avantaj al acestei funcții. Dacă selectați fila 2-up din partea de sus, puteți vedea o comparație a imaginii originale una lângă alta cu imaginea modificată.

De aici, utilizați presetările din colțul din dreapta sus pentru a alege formatul JPG și pentru a regla calitatea după cum doriți. După ce efectuați modificări, puteți vedea dacă noul fișier corespunde standardelor dvs. de calitate prin previzualizarea imaginii și puteți valida modificarea dimensiunii fișierului uitându-vă la datele de sub fiecare imagine:

Rețineți că, de asemenea, puteți modifica dimensiunea utilizând câmpurile de lățime și înălțime din colțul din dreapta jos. Deoarece acest articol urmărește în mod specific redimensionarea, nu acoperim celelalte opțiuni afișate în ecranul Salvare pentru web, dar puteți citi aici pentru informații mai detaliate.

Instrumente de optimizare a imaginilor WordPress

Photoshop este o opțiune excelentă dacă doriți să rotiți singur cadranele pentru a reduce singur dimensiunea fișierului imagine. Dacă căutați ceva mai automatizat pentru a vă ajuta să redimensionați imaginile, există un număr mare de opțiuni pentru plugin-uri WordPress care vă pot ajuta. Iată o listă cu câteva opțiuni populare și o scurtă descriere a beneficiilor acestora:

Imaginați - Optimizați toate imaginile dintr-o singură dată, redimensionați cu ușurință și restaurați fotografiile la versiunile lor originale atunci când este necesar. De asemenea, este accesibil. Acest plugin este gratuit pentru descărcare și include 20 MB de spațiu pentru fișiere. Alte opțiuni sunt 5 USD pe lună pentru 500 MB și 10 USD pe lună pentru spațiu nelimitat.

ShortPixel - Nicio limită de dimensiune a fișierului și o cheie API pentru mai multe site-uri permit o utilizare excelentă pentru acest plugin. De asemenea, oferă planuri unice și lunare pentru flexibilitate bugetară.

Optimole - Pentru datele orientate, Optimole oferă un tablou de bord în care puteți examina statisticile de optimizare. Planul lor gratuit permite 5.000 de vizitatori pe lună și lățime de bandă nelimitată.

Pentru o comparație mai completă a acestor opțiuni și o mână de altele, consultați acest articol.

Resurse web pentru optimizarea imaginilor

Dacă sunteți în dificultate pentru timp și / sau bani, există o mulțime de instrumente gratuite de optimizare a imaginilor online.

Compressjpg vă permite să încărcați mai multe fișiere și să le redimensionați simultan. De asemenea, are o caracteristică care va converti fotografiile în format iPhone HEIC în JPEG. Alte site-uri similare sunt Tinypng și Image Compressor.

Canva Pro este un alt site popular care nu numai că redimensionează, dar vă permite, de asemenea, să proiectați și să animați imagini, precum și să le formatați pentru utilizarea web sau a rețelelor sociale. Aspectul său este intuitiv și ușor de utilizat.

Încheierea

Nu subestimați importanța optimizării imaginilor. Site-urile lente nu numai că dezactivează spectatorii, dar nu primesc nici o atenție la căutarea Google. Imaginile clare cu încărcare rapidă pot oferi acel ceva suplimentar care diferențiază site-ul dvs. de restul. Un site optimizat îi va face pe vizitatori să revină pentru mai multe.

Folosiți oricare dintre aceste metode pentru a vă redimensiona imaginile? Dacă nu, care crezi că vei încerca mai întâi? Spune-ne în comentarii!

Imagine prezentată prin Prihanto Edi / shutterstock.com