¿Cuál Es La Diferencia Entre PNG, JPG y GIF

4
25/2/2015 ¿Cuál es la diferencia entre PNG, JPG y GIF? data:text/html;charset=utf8,%3Cheader%20class%3D%22entryheader%22%20style%3D%22margin%3A%200px%3B%20padding%3A%200px%3B%20bord… 1/4 Siempre usamos distintos tipos de archivos de imágenes, pero ¿sabes cuáles son sus ventajas y desventajas? Existen muchos tipos de archivos de imágenes disponibles, pero lo más posible es que te hayas conseguido con algunos que suelen ser los más comunes: el JPG (también conocido como JPEG), el PNG y el GIF. Todos tienen sus ventajas y desventajas, así que hay conocerlos mejor nos permitirá decidir cuál es el que necesitamos usar en diferentes escenarios. La mayoría de los navegadores en Internet tienen la capacidad de mostrar estos tres tipos de imágenes sin ningún problema, algunos formatos funcionan mejor para ciertas ocasiones. Por ejemplo, los JPG se utilizan con frecuencia para imágenes que son realistas y que se ven bien aunque el tamaño del archivo sea muy bajo; los GIF, que tanto se usan hoy en día, muestran imágenes animadas; los PNG, por su parte, tienen la habilidad de mantener la calidad al máximo siempre y soportan transparencias. JPG Por Gabriela González | 26 de diciembre de 2014 a las 12:00 ¿Cuál es la diferencia entre PNG, JPG y GIF? DIGITAL

description

Diferencia en PGG, JPG y GIF

Transcript of ¿Cuál Es La Diferencia Entre PNG, JPG y 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 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/