Compresie cu pierderi vs compresie fără pierderi: un ghid pentru începători pentru ambele formate

Imaginile digitale sunt o parte inerentă a web-ului și este greu să creezi orice conținut fără unele media. Imaginea statică umilă este o modalitate grozavă de a oferi un context suplimentar scrierii tale.

Cu toate acestea, o imagine poate fi enormă în dimensiunea fișierului fără optimizare. Compresia cu pierderi vs compresia fără pierderi este o considerație comună, deoarece fiecare poate reduce dimensiunea unei imagini, deși există și compromisuri de calitate de luat în considerare.

Aproape întotdeauna va trebui să aplicați o compresie unei imagini. Acest lucru menține calitatea la un nivel pe care îl specificați ca acceptabil, menținând în același timp dimensiunile fișierelor reduse. Alegerea nivelului de compresie potrivit va depinde de obiectivele și cerințele dumneavoastră finale.

Pentru această postare, vom analiza compresia cu pierderi vs compresia fără pierderi. De-a lungul timpului, vom vorbi despre procesul pe care îl are o imagine pentru a ajunge „în formă”, ce este compresia și multe alte aspecte ale optimizării imaginilor.

Diferențele dintre Lossy și Lossless

Când vine vorba de compresiile de imagini digitale, există mai multe formate diferite din care să alegeți. Uneori, acestea vor avea alte nume, în funcție de mulți factori. Cu toate acestea, la un nivel de bază, veți găsi două tipuri:

• Compresie cu pierderi: Scopul aici este de a oferi cea mai mică dimensiune de fișier posibilă pentru o imagine. Ca atare, calitatea imaginii se află adesea în josul listei de priorități.
• Compresie fără pierderi: veți găsi în continuare o reducere substanțială a dimensiunii fișierului cu acest format de compresie, dar imaginea nu va suferi de artefacte și alte probleme.

În cele mai multe cazuri, decizia dvs. cu privire la ce format să utilizați se va reduce la obiectivul final: doriți fișiere mici sau vă concentrați pe păstrarea calității?

Compresia cu pierderi va elimina definitiv datele pe care le consideră inutile din imagine. Utilizează multe tehnici diferite pentru a realiza acest lucru, rezultând dimensiuni mult mai mici ale fișierelor.

De asemenea, compresia fără pierderi elimină datele, dar poate restaura originalul dacă este necesar. Scopul este de a menține calitatea ridicată, totuși de a reduce dimensiunea fișierului.

Există câteva modalități de a realiza acest lucru, dar rezultatul este adesea același. Pentru a afla opțiunea potrivită pentru nevoile dvs., să facem mai întâi un pas înapoi și să revizuim elementele de bază ale imaginilor și ale compresiei în general.

Elemente ale unei imagini digitale

La fel ca software-ul și dezvoltarea web, există adesea o „stivă” pentru a prelua o imagine de pe cameră pe web.

O imagine începe ca date „brute” (de unde și numele RAW). Acesta este asemănător codului unei aplicații: fragmentele, liniile și valorile se traduc în fundaluri cu culoare, substituenți de imagine, elemente dinamice și multe altele.

Pentru o imagine, fișierul RAW prezintă o reprezentare a imaginii ușor diferită, bazată pe producătorul camerei, software-ul de editare, algoritmul spațiului de culoare și multe altele. De acolo, editați imaginea și o exportați ca unul dintre mai multe formate de fișiere (mai multe despre acestea mai târziu):

Există câteva elemente diferite care alcătuiesc o imagine digitală standard:

• Tip de fișier: Diferite tipuri vor oferi calități care se potrivesc sau nu cu imaginea finală. Cheia este să alegeți cel mai potrivit tip de fișier pentru aplicație.
• Rezoluție: veți vedea adesea acest lucru exprimat ca megapixeli (MP), dar veți folosi și pixeli pe inch (PPI) sau puncte pe inch (DPI). Rezoluțiile mai mari oferă o calitate mai mare, dar măresc și dimensiunea inițială a fișierului
• Adâncimea de biți: Acest aspect determină informațiile de culoare dintr-o imagine. O adâncime mică de biți va reda doar câteva culori, în timp ce o adâncime mare de biți ar putea reda milioane de culori simultan. În general, mai mare este mai bine.
• Dimensiuni: Acesta este spațiul fizic pe care îl ocupă o imagine. De exemplu, 1.000 de pixeli x 500 de pixeli ar putea defini dimensiunea totală a unei imagini.
• Spațiu de culoare: acesta este un algoritm care determină modul în care sunt afișate culorile. Fiecare spațiu de culoare este configurat diferit și adesea se reduce la preferințele fotografului.

Aceste elemente se combină pentru a oferi o imagine finală de calitate variabilă. De exemplu, o fotografie JPEG mare, de înaltă rezoluție și cu adâncime mare de biți va oferi calitate și claritate supreme:

În schimb, chiar și o imagine cu dimensiuni mari și capacitatea de a afișa o mulțime de culori poate arăta slab la o rezoluție scăzută:

Acest echilibru este modul în care dezvoltați imaginea de bază înainte de a aplica compresia. Cu toate acestea, formatul pe care îl utilizați pentru imagine are un rol important în calitatea finală.

Cum funcționează optimizarea imaginii web

Deoarece compresia imaginii este aceeași în sens general sub capotă, puteți aplica reguli standard modului în care optimizați imaginile pentru web.

Acoperim multe dintre aceste concepte în altă parte pe blogul Kinsta, dar merită să oferiți un rezumat rapid pentru referință:

• Utilizați rezoluția de 72 PPI, deoarece acesta este standardul pentru web. Puteți utiliza un PPI/DPI mai mare din motive de arhivă, dar presupunem că publicați pe web.
• Setați „marginea lungă” a imaginii la 2048px, deoarece aceasta este optimă pentru multe aplicații diferite.
• Utilizați o adâncime de culoare de 8 biți dacă aveți opțiunea.
• Rulați o imagine printr-un instrument de compresie și optimizare înainte de a o publica.

Este un format simplu care vă poate oferi rezultate consistente, deși compresia și optimizarea sunt ceva pe care îl vom extinde în restul acestui articol.

În acest scop, să ne uităm la beneficiile și dezavantajele compresiei cu pierderi vs. fără pierderi.

Cum vă poate ajuta compresia imaginilor imaginile dvs. web

În termeni generali, „compresia” strânge minimul și maximul mai aproape unul de altul. De exemplu, compresia crește volumul cel mai scăzut din muzică și îl reduce pe cel mai mare. Acest lucru face ca nivelul mediu să fie mai puternic pentru ureche.

Pentru imagini, compresia este mai mult un proces reductiv. Aceasta înseamnă că se pune un accent mai mare pe eliminarea datelor din imagine pentru a reduce dimensiunea fișierului, păstrând în același timp calitatea cât mai ridicată posibil.

Există o mulțime de algoritmi proprietari diferiți pentru a ajuta la reducerea dimensiunilor fișierelor de imagine. În multe cazuri, acestea sunt proprietatea unei anumite companii. Veți găsi o mulțime de standarde de compresie „cu pierderi” și „fără pierderi”, fiecare cu descriptori unici:

Toate acestea fiind spuse, există o mulțime de beneficii în aplicarea compresiei imaginii care nu sunt exclusive unui anumit format:

• Puteți menține dimensiunile scăzute ale fișierelor, ceea ce îmbunătățește performanța site-ului dvs.
• Prin extensie, serverul site-ului dvs. va avea mai puțină muncă de făcut, ceea ce va afecta performanța.
• Dimensiunile mici ale fișierelor ajută la reducerea emisiilor serverului. Ca atare, contribuiți la un viitor durabil și etic.
• Puteți afișa o calitate aproape perfectă și comparabilă, în funcție de algoritmul și calitatea compresiei pe care o alegeți.

La fel ca crearea unei imagini care poate fi partajată, jocul cu diferite valori de compresie, utilizarea unei anumite companii și alegerea algoritmului corect sunt vitale pentru a găsi rezultate care funcționează pentru dvs.

Avantaje și dezavantaje ale compresiei cu pierderi

Compresia cu pierderi reduce dimensiunea fișierului imaginii, aproape excluzând toate celelalte aspecte. Modul în care funcționează algoritmul este eliminarea definitivă a datelor. Acest lucru poate fi la fel de distructiv pe cât pare.

Deși nu vom intra prea mult în piulițe și șuruburi, știți că unele dintre eliminările de compresie cu pierderi de date sunt vizibile în imagine. Ideea este de a oferi cea mai bună reprezentare a imaginii originale, de înaltă calitate, la o greutate mai mică - și acest lucru înseamnă că unele date nu vor face depășirea.

În general, există câteva beneficii în utilizarea compresiei cu pierderi:

Înscrieți-vă pentru Newsletter

Vrei să știi cum ne-am crescut traficul peste 1000%?

Alăturați-vă celor peste 20.000 de persoane care primesc buletinul nostru de știri săptămânal cu sfaturi despre WordPress!

Abonează-te acum

• Dimensiunile fișierelor vor fi mici - în unele cazuri, sub 10 kiloocteți (KB).
• Pierderea calității va fi acceptabilă în multe cazuri, în ciuda artefactelor.

Acest lucru ne aduce la negativele pentru utilizarea compresiei cu pierderi - că calitatea imaginii se va reduce cu orice cantitate de compresie:

Veți descoperi că benzile de culoare - unde nuanțele de culoare nu sunt redate în mod corect - și o pierdere a clarității marginilor va fi vizibilă în unele cazuri. Imaginile cu mai puține culori vor arăta mai puțin, dar reducerea clarității va fi în continuare prezentă.

De asemenea, degradarea imaginii este o caracteristică permanentă a procesului de compresie. Aceasta înseamnă că nu există nicio modalitate de a inversa efectele la o dată ulterioară.

În ciuda dezavantajelor, compresia cu pierderi este excelentă pentru web și performanța site-ului dvs. Dimensiunile mici ale fișierelor nu duc întotdeauna la imagini granulate, deși puteți (desigur) duce lucrurile la extreme:

Cu toate acestea, pierderea nu este singura opțiune. Compresia fără pierderi este o alternativă pentru proprietarul site-ului conștient de calitate.

Avantaje și dezavantaje ale compresiei fără pierderi

Compresia fără pierderi face ceea ce scrie pe etichetă: comprimă dimensiunea fișierului unei imagini cât mai mult posibil, fără a afecta calitatea vizibilă. Face acest lucru eliminând metadatele imaginii, care pot ocupa spațiu inutil:

Algoritmul de compresie fără pierderi caută, de asemenea, secvențe de pixeli repetate, apoi codifică o comandă rapidă pentru a le afișa. De exemplu, luați „Interfața liniei de comandă”. Îi vei defini adesea acronimul o dată, apoi folosești „CLI” (sau acronimul ales de tine) pentru a-l referi cu viteza fulgerului

Compresia fără pierderi funcționează în același mod în care este mai puțin distructivă. În timp ce eliminarea metadatelor nu va fi reversibilă, o parte din compresie va fi, făcându-l un algoritm flexibil pentru multe utilizări.

Avantajele utilizării compresiei fără pierderi se bazează pe păstrarea calității:

• Compresia fără pierderi păstrează cea mai mare calitate a unei imagini în comparație cu toți ceilalți algoritmi.
• Lossless este fantastic în scopuri de arhivă. De exemplu, un fotograf poate echilibra resursele de stocare cu o imagine care păstrează cele mai multe date.
• Lossless este algoritmul de compresie preferat pentru artele vizuale: fotografie, design grafic, artă digitală și multe altele. Combinarea unui algoritm fără pierderi cu adâncimea și rezoluția corespunzătoare poate obține aproape o copie „unu-la-unu”.

Cu toate acestea, există ceva de remarcat despre cât de bine compresia fără pierderi servește nișe specifice: gama de aplicații este mică. Acest lucru reduce disponibilitatea sa globală.

Iată câteva alte dezavantaje ale compresiei fără pierderi de luat în considerare:

• Dacă un site web folosește multe imagini, compresia fără pierderi ar putea să nu fie optimă pentru a le afișa. Acest lucru se datorează faptului că veți dori să apreciați dimensiunile mai mici ale fișierelor în aceste tipuri de situații în majoritatea cazurilor.
• Deși compresia reduce dimensiunea fișierelor, algoritmii fără pierderi nu modifică datele de imagine la fel de mult ca pierderile. Din acest motiv, este posibil să observați doar reduceri marginale ale dimensiunii, mai degrabă decât rezultate extreme de slăbire.

În continuare, vom analiza cea mai rapidă (și potențial cea mai bună) modalitate de a face acest lucru.

Cum să alegi între Lossy și Lossless

În acest moment, înțelegeți diferența dintre compresia cu pierderi și compresia fără pierderi. Cu toate acestea, este posibil să nu știți care este cel mai bun algoritm de utilizat pe site-ul dvs.

Există două situații de luat în considerare:

1. Pentru majoritatea cazurilor de utilizare de pe web, compresia cu pierderi este acceptabilă.
2. Dacă doriți să afișați fotografii sau artă fotografiată, compresia fără pierderi vă va servi mai bine.

Aceste considerații se bazează pe utilizarea unuia dintre formatele standard de imagine web, cum ar fi JPEG, PNG sau GIF. Cu toate acestea, nevoile dvs. de compresie pot diferi cu formatele mai moderne precum HEIC și WebP.

Am merge până la a spune că, dacă nu afișați fotografii pe site-ul dvs., compresia cu pierderi ar trebui să fie alegerea dvs. implicită. WordPress comprimă imaginile în mod implicit, ceea ce ilustrează mult faptul că compresia cu pierderi este potrivită pentru aproape orice aplicație.

Utilizarea unui serviciu de compresie online pentru a vă optimiza imaginile

Există multe moduri prin care vă veți comprima imaginile înainte de a le afișa pe site-ul dvs. De exemplu, puteți alege să aplicați compresia în etapa de editare. Oricum, acesta ar putea fi un produs secundar al conversiei din formatele RAW.

Cu toate acestea, o alegere populară este unul dintre multele servicii online. Fiecare va oferi o selecție de algoritmi și o interfață de utilizator (UI) exemplară. În plus, majoritatea au un serviciu gratuit, cel puțin pentru a încerca aplicația înainte de a vă angaja.

Acoperim câteva opțiuni în articolul nostru despre optimizarea imaginii, deși acestea sunt plugin-uri specifice WordPress care se conectează la o interfață de programare a aplicațiilor (API). Vestea bună este că multe dintre aceste plugin-uri oferă și o interfață online. De exemplu, luați în considerare ShortPixel:

Aici, veți trage imagini pe dispozitivul de încărcare, apoi veți aștepta ca aplicația să le comprima și să le proceseze. Cu toate acestea, veți dori să alegeți mai întâi algoritmul, deoarece procesul va începe imediat.

Alegerea este simplă: două forme de compresie cu pierderi („Lossy” și „Glossy”) și o opțiune fără pierderi. Interfața lui ShortPixel face o treabă bună explicând diferența dintre fiecare algoritm și puteți descărca imaginile în câteva secunde.

Deși ambele pot face față cerințelor dvs., interfața Imagify pare mai elegantă și mai profesională decât cea a lui ShortPixel. Există, de asemenea, trei „niveluri de compresie” aici - Normal, Agresiv și Ultra:

Ușoară diferență aici este că Imagify începe cu compresia fără pierderi și își face drum până la un algoritm cu pierderi cu artefacte grele. Cu toate acestea, există câteva alte opțiuni pe care nu le veți găsi în alte soluții.

Pentru început, puteți păstra intacte datele EXIF ​​pentru imaginea dvs. și chiar le puteți redimensiona după conversie. Acest lucru este neprețuit uneori, mai ales dacă doriți să aplicați un nivel de compresie care, altfel, ar putea elimina datele EXIF ​​sau poate limita modul în care redimensionați o imagine.

La fel ca și omonimul său mitic, Kraken vă poate zvârli imaginile și aplica diferite tipuri de compresie. Majoritatea utilizatorilor vor opta pentru tipurile Lossy sau Lossless.

Cu toate acestea, există și un mod Expert:

Acest lucru vă permite să ajustați compresia la propriile nevoi, printre alte opțiuni. De exemplu, puteți ajusta atât nivelurile de compresie JPEG, cât și PNG, puteți alege să păstrați metadatele din imagine și chiar să lucrați cu subeșantionarea cromatică pentru a schimba în continuare culorile.

rezumat

Imaginile pot părea un aspect simplu al site-ului dvs.: luați un fișier, îl încărcați pe WordPress, apoi adăugați un bloc de imagini pentru a-l afișa.

Cu toate acestea, în procesul de pregătire a unei imagini pentru web sunt multe altele decât vă puteți da seama. Formatul de compresie pe care îl alegeți poate afecta dimensiunea fișierului, calitatea imaginii și multe altele.

Această postare a analizat compresia cu pierderi și compresia fără pierderi și a rezumat pe care ar trebui să o alegeți. În ciuda faptului că mergeți pe o frânghie strânsă între calitate și dimensiune, compresia cu pierderi este perfectă pentru majoritatea cazurilor de utilizare de pe web. Fotografii sau cei preocupați de modificarea calității imaginilor vor dori să folosească compresia fără pierderi, deși există mai puține beneficii în ceea ce privește dimensiunea fișierului.

De ce parte stai în lupta dintre compresia cu pierderi și compresia fără pierderi? Spune-ne gândurile tale în secțiunea de comentarii de mai jos!