Care este diferența dintre formatele de imagine: JPG, PNG, GIF, SVG

Știți diferența dintre o imagine JPG și o PNG? Între un GIF și un SVG? Deoarece proliferarea diferitelor formate de imagine pe web, nu este ușor să încărcați un vizual.

dintre

JPG, GIF, PNG, SVG: care este diferența dintre principalele formate de imagine. Credit: tekRESCUE.

Agenția digitală americană tekRESCUE a pus online un infografic foarte practic pentru a înțelege odată pentru totdeauna diferitele formate de imagine ale web-ului. Iată un rezumat rapid:

  • JPG: cel mai comun format, ideal pentru fotografii și imagini vizuale foarte bogate în culori
  • PNG-8: formatul recomandat pentru grafică simplă, pictograme și sigle
  • GIF: pentru toate imaginile animate care vă punctează mesajele
  • PNG-24: ideal dacă căutați un efect de transparență sau imagini complexe
  • SVG: un format recomandat pentru imagini vectoriale, astfel încât să puteți schimba formatul fără a pierde calitatea

Pentru mai multe detalii, iată infografia care vă va permite să selectați mai bine formatul imaginii luând în considerare elemente precum compresia, scalabilitatea sau transparența.

Atenție, indiferent de formatul pe care îl alegeți, este important să rămâneți vigilenți cu privire la greutatea imaginii pe care o încărcați. Cu cât greutatea este mai mare, cu atât va întârzia timpul de încărcare al paginii dvs. web și poate penaliza indexarea acesteia în paginile cu rezultatele motorului de căutare.

Infografie interesantă, dar cu o eroare majoră: cu excepția SVG, toate celelalte sunt comprimate, nu doar JPEG !

Diferența este că JPEG aplică compresie „cu pierderi”, în timp ce alte formate aplică compresie „fără pierderi”.
Compresia cu pierderi degradează calitatea imaginii, mai mult sau mai puțin în funcție de nivelul de compresie ales; pe de altă parte, dimensiunea rezultată a fișierului este, în general, mai mică decât pentru compresia fără pierderi.

Două mari greșeli:
1) Culori nelimitate = 16 milioane (2 ^ 24). Nu încă una ... Aceasta nu este definiția matematică a nelimitatului, deși ochiul uman nu poate vedea mult mai mult ...
2) PNG și GIF sunt comprimate. Dar cu o metodă de compresie fără pierderi: LZW pentru GIF și Deflate pentru PNG.
SVG există și în variante comprimate ... SVGZ sau SVG 1.1