când

Buna tuturor! Dacă ați făcut clic pentru a citi acest articol, este pentru că nu sunteți foarte clar despre diferențele dintre JPG, PNG și GIF și când să le utilizați pe site-ul dvs. web. Pentru a fi clar despre concepte, trebuie doar să citiți acest articol până la final și, dacă doriți să mă faceți foarte fericit, împărtășiți-l când terminați 🙂

Dacă vă spun adevărul, până nu cu mult timp în urmă nici nu aveam clar diferențele. Dar atunci când nevoia este presantă, nu există altă opțiune decât să înveți!

Aceste formate sunt, mergând la dicționar, formate de compresie a imaginii. Să vedem ce le caracterizează și când să le folosim pe fiecare pe site-ul dvs. web.

Și întrucât cunoștințele și cunoștințele trebuie împărtășite, vă voi spune tot ce știu pe această temă. Stau!

Care sunt diferențele dintre JPG, PNG și GIF?

# 1. Ce este un JPG?

JPG este un format de compresie a imaginii cu pierderi. Aceasta este, își pierde calitatea de fiecare dată când îi reduceți dimensiunea. Probabil aveți sute de fișiere JPG pe computer și nu v-ați gândit „cât de mult cântăresc” (dacă da, începeți să vă ușurați!).

În fișierele JPG, folosind un program de editare a imaginilor, puteți alege cât de mult doriți să reduceți imaginea, astfel încât să cântărească mai puțin: dacă o reduceți foarte mult, fișierul va cântări puțin, dar va avea și o calitate slabă; dacă decideți să o reduceți puțin, va avea o calitate mai bună.

Ar trebui să știți că pierderea calității este cumulativă: Dacă comprimați imaginea și apoi o decomprimați, aceasta va pierde deja calitatea și dacă repetați procesul, imaginea va merge pierzând progresiv calitatea.

Cum se face compresia în JPG?

Ei bine, nu se comprimă la întâmplare sau doar de dragul său, reducând ceea ce doriți mai întâi. Acest tip de reducere calculează valoarea unor pixeli și face o bătaie a acestora pe baza pixelilor din jur.

Acest format este special conceput pentru compresia imagini digitale și fotografice (Este formatul standard pentru camerele digitale). Mai mult, sunt folosite foarte mult pe paginile web deoarece nu cântăresc prea mult, un fapt important pentru facilitează utilizabilitatea utilizatorului, și este compatibil cu majoritatea programelor și platformelor.

JPG acceptă culorile CMYK și RGB, precum și solzi de gri și este capabil să salveze informații de peste 16 milioane de culori diferite.

Acronimele sale răspund Grup mixt fotografic (experți). Indiferent dacă găsiți un JPG sau un JPEG, vă veți confrunta cu același format de compresie. Primele corespund fișierelor de pe PC sau Windows, ale căror extensii de fișiere permit doar trei caractere. Cu toate acestea, fișierele JPEG sunt cele utilizate pe MAC.

Acest tip de fișiere nu se recomandă dacă imaginea este un logo sau o imagine cu text, întrucât pierderea calității va fi deosebit de vizibilă. JPG nu acceptă folii transparente, ceea ce înseamnă că, dacă imaginea nu are fundal, se va adăuga automat un fundal alb.

Când utilizați JPG pe site-ul dvs. web?

Este cel mai bun format pentru încărcare pe site-ul dvs. web imagini fotografice. Dacă aveți imagini de pe camera dvs., cel mai normal este că acestea cântăresc foarte mult. Nu le încărcați așa cum este pe site-ul dvs. web! În primul rând, trebuie să reduceți considerabil greutatea lor dacă nu doriți ca site-ul dvs. web să fie încărcat pentru totdeauna ...

Ei bine, comprimați aceste imagini la aproximativ 300/400KB, de exemplu, și vor fi gata pentru încărcare pe web. Această greutate este aproximativă, deoarece o imagine pentru un glisor cu lățime completă nu este aceeași cu o imagine cu secțiune mică care nu ar trebui să cântărească mai mult de 100 KB.

Să mergem să o vedem super demonstrație a motivului pentru care JPG este cel mai bun format pentru a încărca fotografii pe site-ul dvs. web.

[box type = »avertisment»] AVERTISMENT! Dacă vizualizați acest articol de pe mobil, este posibil să nu observați prea multe diferențe între imaginile pe care le veți vedea mai jos, dar de la un computer vă garantez că există. [/ cutie]

Începem de la imagine originală de aproximativ 700KB în greutate, și asta se întâmplă în fiecare dintre formate:

Deasupra puteți vedea imaginea în JPG cu o calitate de 60 din 100 de economii pentru web în Photoshop. După cum puteți vedea, menține o calitate destul de acceptabilă și cântărește doar 163 KB.

Aici puteți vedea aceeași imagine în JPG cu o calitate de 3 din 100. Comparativ cu precedentul, calitatea este mult mai proastă (vedeți dungile orizontale în fundal, nu? cântărește doar 39KB.

La această dimensiune, este evident că este foarte urât, dar dacă ai nevoie doar de ea la această altă dimensiune?:

Deasupra aveți o imagine PNG-8. Calitatea nu este foarte bună și încă cântărește 257 KB. Jumătate din fundal este transparent (îl puteți verifica salvând imaginea cu butonul din dreapta), aceasta este principala virtute a PNG și Gif, care vă permit să vă jucați cu transparența.

Cea mai bună calitate PNG este obținută cu PNG-24, dar aceeași imagine atunci când a fost exportată în PNG a depășit 1 MB de greutate ... cum rămâi? Da, a cântărit chiar mai mult decât originalul, de aceea nici măcar nu l-am încărcat în acest experiment; Vrem ca site-ul nostru să rămână optim și să încarce conținutul rapid 🙂

Acesta este un GIF la 256 culori. Vezi punctele, nu? Pierderea culorii și a clarității în comparație cu cea exportată în JPG este remarcabilă și cântărește de două ori ... 342 KB.

GIF a 4 culori. Distorsiune totală a culorilor și aici nu-mi poți spune că nu vezi punctele. 94KB de ușurință, dar, după cum puteți vedea, se folosește foarte puțin pentru lucrul cu fotografii sau imagini digitale în care doriți să arătați un minim de realism.

Deci, la ce servesc PNG și GIF-uri?

Ei bine, o să-ți spun chiar acum.

#Două. Ce este un PNG?

Spre deosebire de JPG, PNG este un format de compresie fără pierderi. Acronimele sale corespund Grafică de rețea portabilă și inițial a fost creat pentru a rezolva defectele și deficiențele formatului GIF (pe care le vom vedea mai târziu).

O caracteristică foarte importantă a acestui format este că acceptă folii transparente, spre deosebire de JPG, care va avea întotdeauna un fundal solid. PNG-urile sunt formatul ideal pentru imagini fără fundal, imagini care conțin text și sigle. De asemenea, includem în această categorie desene linii, care vor avea o calitate mult mai mare în PNG decât în ​​JPG. PNG este formatul ideal și cel mai utilizat pentru web și online atunci când doriți să păstrați o calitate foarte înaltă.

Utilizat în general pe imagini care nu sunt prea mari.

Există două tipuri de fișiere PNG:

  • PNG 8: are limită de culoare, dar greutatea fișierului este foarte mică (similar cu GIF).
  • PNG 24: nu are limitări de culoare, dar dimensiunea pe disc va fi mai mare.

Deși acest format (PNG) poate fi utilizat pentru fotografii, dimensiunea va fi mult mai mare decât JPG și dosarul va cântări mult.

Diferențe între PNG și JPG:

  • JPG are compresie La o pierdere calitate. Este ideal pentru imaginile mari care, după ce au fost reduse, sunt încă de o calitate acceptabilă. Nu acceptă folii transparente. Mai ales pentru imagini digitale și fotografice. Fișiere ușoare. Admite CMYK și RGB.
  • PNG are compresie Nicio pierdere calitate. Ideal pentru imagini fără fundal, imagini cu text și sigle sau desene pe linie. De înaltă calitate, dar returnează fișiere mult mai grele decât JPG. Acceptă folii transparente. Nu acceptă CMYK, deci nu este util pentru tipărirea (digitală).

Diferențe între PNG și GIF:

  • În majoritatea cazurilor, fișierele PNG se comprimă mai bine decât GIF-urile.
  • Fișierele GIF permit transparență deplină sau opacitate deplină. cu toate acestea, PNG vă permite să creați semi-transparență. De fapt, pot fi realizate 256 de tipuri diferite de folii transparente, ca și cum ar fi o singură culoare. Această semi-transparență este foarte utilă pentru reproducerea obiectelor translucide.
  • Fișierele PNG acceptă milioane de culori în timp ce imaginile GIF are o limită de 256 de culori.
  • În cele din urmă, PNG nu acceptă animații sau mișcări, lucru care caracterizează GIF și care l-a făcut să renască cu forță în ultima vreme.

Când utilizați PNG pe site-ul dvs. web?

Fișierele PNG le folosesc pentru încărcare, de exemplu, sigla ta. Acest format va reflecta perfect culorile logo-ului dvs. și, în plus, cu un fundal transparent, astfel încât să îl puteți plasa oriunde doriți.

# 3. Ce este un GIF?

Deși a fost uitat pentru o vreme, în prezent este un format foarte popular pentru a permite crearea de imagini în mișcare. De fapt, principala sa caracteristică este că acceptă animații, dar acceptă și transparențe și 256 de palete de culori.

De obicei, nu distorsionează imaginea, dar estompează puțin culorile. Este utilizat pe scară largă, deoarece pentru a vedea animațiile nu este necesar să aveți instalat un software suplimentar, ca în cazul videoclipurilor, de exemplu.

Deoarece acceptă doar 256 de culori Nu este foarte recomandat să salvați imagini fotografice, deoarece acestea ar pierde multă calitate. Este foarte util pentru salvarea imaginilor cu blocuri de culori plate, sigle simplu sau ilustrații simple.

Ah! Acronimele corespund termenului Graphic Interchange Format.

Când utilizați GIF pe site-ul dvs. web?

După cum am menționat, pentru a exporta fișiere cu puține culori și care au o greutate foarte mică. Și va fi singurul pe care îl puteți folosi dacă doriți să creați o bucată de slănină care dansează.

Mini rezumat pentru a face concepte clare despre diferențele dintre JPG, PNG și GIF:

  • JPG: pentru imagini fotografice - pierderea cumulativă a calității - nu acceptă transparențe - CMYK și RGB da - nu se utilizează pentru sigle sau imagini cu text - greutate redusă.
  • PNG: perfect pentru sigla de pe pagina dvs. web, pentru ilustrații sau desene - compresie fără pierderi de calitate - acceptă folii transparente și gradiente în ele - RGB da, CMYK nu - funcționează foarte bine pentru ilustrații sau imagini cu text - fișiere mai grele.
  • GIF: pentru ilustrații simple cu blocuri de culori plate și mai ales pentru crearea de imagini în mișcare - acceptă 256 de culori - transparență absolută (fără gradient) - greutate redusă pe disc.

Ai citit totul? Yuhuuuuuuuuuuu! olé, olé și oléeeeeee! Acum puteți face două lucruri:

  • Lasă-mi un comentariu spunând că ți-a plăcut articolul sau îmi pui întrebări
  • Dă-mi să împărtășesc și fă-mă super fericit 🙂

PS: Vă las atașat în cazul în care vă interesează articolul în PDF, astfel încât să îl puteți descărca

Oul de Paște Imagine: Pixabay