PNG vs JPG vs GIF

Leía hace unos minutos un simpático webcomic, donde dos personajes PNG y JPG tienen una discusión sobre cual es el mejor formato para imágenes.

PNG vs JPG

PNG vs JPG

PNG vs JPG

La verdad es un simpático webcomic PNG de 24kb.

Mister GIF

Pero mientras leía apareció Mr GIF, y me pidió publicara lo que el pensaba en ese momento, mientras leía esa discusión, a lo cual accedí ya que solo eran 6kb.

Mister GIF

Mister GIF

El veterano es sabio, y ningún formato es mejor que otro, ya que tanto GIF, JPG y PNG tienen su lugar en cada caso.

Imágenes GIF

Cuando utilizamos imágenes con pocos colores, lo mejor es utilizar GIF, ya que representa bien hasta 256 colores, si utilizamos Photoshop podemos elegir entre 256, 128, 64, 32 colores, o hasta quitar y agregar colores creando una paleta especifica, por ejemplo la de Mister GIF tiene 3 colores, blanco, negro y gris. El formato GIF también soporta animaciones y transparencia.

Imágenes JPG

El formato JPG es ideal para fotografías, ya que incluye un sistema de compresión y ademas optimización de imágenes, con un soporte de colores reales de 24bits. Aunque el formato JPG no soporta animaciones, y suele ser el mas utilizado, aunque sugiero utilicen GIF si son pocos colores, un caso es en capturas de pantalla, suele ser mejor GIF.

Imagenes PNG

Este formato une lo mejor de ambos, soporta tantos colores como el JPG y además de animaciones y transparencia. Lo malo del formato, o mas bien de algunos impresentables programas, es que si bien PNG es un estándar y un ISO desde 2003, no es soportado por este adefesio llamado IE6 y anteriores, y soportado a medias por IE7.

Igualmente los tres son formátos estandares y deben preferirse viendo cada caso, antes que otros que requieren plugins como Flash, Java, o algunas aplicaciones de scripts JavaScript y/o AJAX, que pueden entorpecer mas que agregar algo relevante a nuestro sitio.

Comentarios

Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.

Trackbacks & Pingbacks

No hay trackbacks/pingbacks todavía.

Comentarios

Vale aclarar que lo que IE6 y anteriores no soportan es la transparencia de los PNG en 24bit. Una imagen PNG que no tenga transparencia se ve perfectamente.

Si una imagen no tiene transparencia mejor usar JPG :), la ventaja de usar PNG es poder utilizar transparencias, por tanto …

Deja tu comentario

Las líneas y párrafos son automaticas, el e-mail no se despliega nunca, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

(required)

(required)