25/2/2015 CulesladiferenciaentrePNG,JPGyGIF?

data:text/htmlcharset=utf8,%3Cheader%20class%3D%22entryheader%22%20style%3D%22margin%3A%200px%3B%20padding%3A%200px%3B%20bord 1/4

Siempreusamosdistintostiposdearchivosdeimgenes,perosabesculessonsusventajasydesventajas?

Existenmuchostiposdearchivosdeimgenesdisponibles,perolomsposibleesquetehayasconseguidoconalgunosquesuelenserlosmscomunes:elJPG(tambinconocidocomoJPEG),elPNGyelGIF.Todostienensusventajasydesventajas,asquehayconocerlosmejornospermitirdecidirculeselquenecesitamosusarendiferentesescenarios.

LamayoradelosnavegadoresenInternettienenlacapacidaddemostrarestostrestiposdeimgenessinningnproblema,algunosformatosfuncionanmejorparaciertasocasiones.Porejemplo,losJPGseutilizanconfrecuenciaparaimgenesquesonrealistasyquesevenbienaunqueeltamaodelarchivoseamuybajolosGIF,quetantoseusanhoyenda,muestranimgenesanimadaslosPNG,porsuparte,tienenlahabilidaddemantenerlacalidadalmximosiempreysoportantransparencias.

JPG

PorGabrielaGonzlez|26dediciembrede2014alas12:00

CulesladiferenciaentrePNG,JPGyGIF?

DIGITAL

http://blogthinkbig.com/cat/digital-2/http://blogthinkbig.com/autor/gabrielagonzalez/

25/2/2015 CulesladiferenciaentrePNG,JPGyGIF?

data:text/htmlcharset=utf8,%3Cheader%20class%3D%22entryheader%22%20style%3D%22margin%3A%200px%3B%20padding%3A%200px%3B%20bord 2/4

JPGesuntipodearchivoquefuedesarrolladoporelJointPhotographicExpertsGroup(JPEG)paraquefueseelestndarparalasimgeneshechasporfotgrafos.ParaqueelJPGtengauntamaoreducido,elarchivocomprimelosdatosdelaimagenenbloquesdepxeles,tambinconocidoscomomosaico.Elproblemaconestacomprensinesqueespermanenteporquesecreconlaideadeguardarimgenesgrandesenespaciosdealmacenamientopequeos.

JPGsehaconvertidoeneltipodearchivodeimgenesmsusadoenInternetporquepuedensercomprimidashasta100veces.Supopularidadcomenzcuandotodavaseusabadialupparanavegar,yaquelasconexioneserantanlentas,queestaeralanicaopcin.

Sinembargo,elJPGtienesusproblemas.Noeseladecuadoparailustraciones,dibujos,nitexto.Porejemplo,siquieresguardarunarchivodeimagendeunailustracin,lomsposibleesqueseveapxelada,inclusocuandoestconfiguradaparatenerlamejorcalidad.EstosucedeporqueelformatoJPGestdiseadoparalacompresinysiemprevaareducirlacalidad.

GIF

25/2/2015 CulesladiferenciaentrePNG,JPGyGIF?

data:text/htmlcharset=utf8,%3Cheader%20class%3D%22entryheader%22%20style%3D%22margin%3A%200px%3B%20padding%3A%200px%3B%20bord 3/4

GIFtambinesuntipodearchivodeimagenquetienenbastantetiemposiendousado,aunquefuecasiolvidadoporuntiempo,havueltoasermuypopularrecientemente.SussiglassignificanGraphicsInterchangeFormat.

LacaractersticaprincipaldelGIFesquesoportapaletasde256colores,yademsdequesoportaanimacionesytransparencias.Estonocrearunadistorsindelaimagen,comoJPG,perosdifuminarloscoloresbastante,haciendoquesevealigeramentepxelado.Sinembargo,enunaimagenGIFnosepierdenlneasrectascomolasdeltexto,comopasaraconunJPG.

ContodasestasventajasydesventajasvemosporquelosGIFsonusadosprincipalmenteparacrearimgenesanimadas,porqueenestoscasosnoimportasisepierdeunpocodecolorcontaldequesemantengalaanimacinenunarchivoquenoesdemasiadopesadoyquenonecesitaunsoftwareadicionalparaserreproducido(comoeselcasodelosvdeos).

PNGPNGsignificaPortableNetworkGraphics,aunquealgunostambinlellamanPNGnot_GIF.EstesegundonombreindicaquefuedesarrolladocomounaalternativaalGIF.Estetambinsoportatransparencias,asqueesmuybuenoparausarloenInternetyennavegadores.AdiferenciadelGIF,manejalastransparenciasconmseleganciaysinperdercolorporquesoportacoloresde8bits,ytambinde24bits,comoJPG.

ElPNGutilizaunalgoritmodecompresinsinperdida,porloquereconstruyelosdatosdemaneraexactaalosoriginales.ElproblemaconPNGesquesisetieneunaimagenconmuchoscoloresypxeles,obtendremosunarchivomuchomspesadoqueelJPG,porloquenoseusacontantafrecuenciaenInternet.

Conclusin

25/2/2015 CulesladiferenciaentrePNG,JPGyGIF?

data:text/htmlcharset=utf8,%3Cheader%20class%3D%22entryheader%22%20style%3D%22margin%3A%200px%3B%20padding%3A%200px%3B%20bord 4/4

Despusdesabercmofuncionacadatipodearchivodeimagen,veamosparaqudebemosusarcadauna:

GIF:perfectaparausarenarchivospequeosconcoloreslimitados(escaladegrises,porejemplo).Evitarsuusoparafotografas.

PNG:utilizarengrficos,ilustraciones,yarchivospequeosenlawebquenecesitentransparencias.Evitarenfotografasconmuchosdetallesquenecesitensersubidasalawebporqueserndemasiadopesadas.

JPG:idealparamostrarfotografasenlawebsinocuparmuchoespacioenunservidor.Terribleparaedicindeimgenes.

Fotografasde:unsplash

https://unsplash.com/