GIF vs. PNG - Batalia pentru imagine
Written on September 8th, 2006Bune si rele de fiecare parte, eu o sa stau impreuna cu JPEG-ul pe margine in timp ce voi o sa luati decizita. Cunoasterea fenomenului este utila atunci cand va trebui sa optimizati imaginile site-ului. Povestea lor si ce anume m-a facut sa le analizez mai indeaproape…
JPEG - “Joint Photographic Experts Group” a aparut dupa GIF si difera de acesta in principal datorita faptului ca foloseste o metoda de comprimare ce face ca imaginea sa piarda din calitate in urma editarilor repetate (compresie cu pierdere de informatie).
Pentru ca pierderea este de multe ori insesizabila a devenit cel mai utilizat format pentru poze cu un numar de culori de 16.7 milioane (24 biti) si o compresie obisnuita de 10:1. Se foloseste pentru imagini complexe cu treceri treptate de la o nunata la alta.
GIF - “Graphical Interchange Format” a fost dezvoltat in 1987 de catre Compuserve, care mai tarziu a impus cumpararea licentei de folosire pentru producatorii de aplicatii care salveaza in format GIF. Imaginile GIF au 256 de culori iar tehnica de comprimare numita LZW face ca imaginea sa nu piarda din calitate in urma editari repetate a aceleiasi imagini. Compresia realizata este de 2:1 si este folosita in special atunci cand imaginea are culori putine cu trecere brusca de la o culoare la alta, fara nuante intermediare. Formatul permite printre altele si transparenta unei culori.
PNG - “Portable Network Graphic” se pronunta “ping” si a aparut in 1995 ca reactie a licentieri GIF-ului. Numarul de culori 16.7 million (24 biti). Tehnica de comprimare folosita LZ77 si este cu aproximativ 25% mai buna decat a GIF-ului. Imaginea nu pierde din calitate in urma editarilor repetate. PNG nu suporta animatiile (nici eu dealtfel) dar aici intervine MNG-ul, o varianta a PNG-ului care poate face si asta. Optimizarea PNG-urilor se face prin scaderea numarului de culori.
Motivul pentru care m-am uitat peste imaginile astea este asanumitul “alpha channel” responsabil cu transparenta partiala a PNG-urilor. Se pare ca inca nu este suportat de IE si a facut ca unele imagini sa aiba contururi ciudate in Internet Explorer. Cu toate astea… exista o solutie. Poate parea ciudat pentru cei care nu inteleg mecanismele dar… solutia e un script. Din pacate scriptul nu are nici o treaba cu imaginile din css si ma vad nevoit sa le schimb in GIF (or not). Exemplificari
One of a kind
Eu pentru transparenta folosesc GIF, pentru restul JPEG … cu PNG nu prea lucrez datorita dimensiunilor sale un pic mai mari.
Dar are transparenta partiala :D. Am inteles ca si JPEG poate fi facut transparent tot cu un script.
Uneori un PNG8 e mai mic decat un JPEG. GIF-ul exclusiv pentru transparenta, inca o perioada de timp, pana majoritatea utilizatorilor de IE vor trece la v7 sau la ceva mai bun.
Uneori experimentez si cu PNG24 in loc de JPEG, dar de cele mai multe ori, imaginea are marime mai mare (cum zicea Piry).
:((:(( bun si gif dar se pierde f mult din calitate(am impresia c is doar 256 de colori) !
Pentru imaginile cu putine culori si bine conturate e foarte bun gif-ul, le face mai clare si mai mici
are vreo importanta formatul pozei pentru SEO? pt ca am citit un articol aici si din ce inteleg si acolo, google ia toate detaliile in considerare, si ma intreb daca nu cumva acorda prioritate formatului (oricum vad ca majoritatea sunt jpg-uri).
scuze pentrul dublul post…
Daca ai un comentariu prea lung il poti pune pe blogul tau cu link catre pagina asta, un link catre pagina ta va aparea in mod automat si aici.
Let's Spread Some Link Love!