Hace mucho tiempo, solía evitar el formato de imagen PNG al crear páginas web porque faltaba compatibilidad con el navegador. Recuerdo que tener un PNG en una página podría hacer que se cargara el complemento QuickTime, ¡qué asco!

Hoy, todos los navegadores modernos ahora son compatibles con PNG y lo estoy usando en mis páginas web porque:

• En comparación con JPEG, la compresión PNG no es con pérdida. Especialmente importante para logotipos / dibujos / gráficos.
• En comparación con GIF, PNG no se limita a 256 colores. Importa mucho con gradientes.

En otras palabras, con PNG, mis imágenes comienzan a verse nítidas y permanecen así.

Todavía puedo ver que JPEG es útil porque comprime mucho mejor y pierde muy poca calidad visual para las fotos en particular.

Y mi pregunta es: ¿qué casos de uso quedan para usar el formato de archivo GIF en las páginas web? ¿El GIF ahora es completamente obsoleto por PNG y su adopción, o hay cosas específicas en las que GIF sigue siendo bueno?

Hasta donde yo sé, estas son las únicas razones:

• AnimGIF . Esta animación funciona en todas partes. Hay formato APNG, pero no es tan ampliamente compatible y no tiene herramientas de edición reales.

• Gráfico transparente 1x1 , suponiendo que te importe si es 80b o 120b. Es prácticamente el único caso en el que GIF proporciona un tamaño de archivo más pequeño que PNG.

• Si no tiene las herramientas adecuadas para guardar y optimizar archivos PNG. Los archivos PNG pueden contener perfiles de color e información de corrección de gamma, que en la web causan más problemas de los que resuelven . Es mejor tener una herramienta que elimine esto , haciendo que los archivos sean más pequeños e interoperables.

El soporte para IE6 es un arenque rojo

La confusión proviene del hecho de que hay varios formatos de color en PNG, y algunos de ellos son totalmente compatibles, y otros no.

1. PNG paletizado con transparencia de 1 bit (como GIF): funciona perfectamente en IE6. Sin ningún truco.

2. PNG paletizado con transparencia de 8 bits (no es posible en GIF): funciona parcialmente en IE6 (degrada a 1 bit).

3. PNG de color verdadero con transparencia de 8 bits (no es posible en GIF): no funciona en IE6 sin hacks.

Estoy 100% seguro. Lo he probado extensamente. Los estoy usando en mis sitios web. Incluso he trabajado en software que manipula esos archivos.

En resumen: si la imagen se puede guardar como GIF no animado, sin duda funcionará como PNG, en todos los navegadores, sin hacks .

Son útiles para la animación sin complementos, como los screencasts de Camtasia.

_{^{De: http://www.codinghorror.com/blog/archives/000583.html}}

¿Todavía hay alguna razón para preferir GIF sobre PNG al crear imágenes para páginas web?

Solo que PNG no es totalmente compatible con algunos navegadores antiguos como IE 6.

Según MarketShare, IE 6.0 todavía posee un impresionante 24% de la cuota de mercado del navegador, por lo que es la versión de navegador más utilizada. Sin duda, esto es causado por la adopción corporativa y las políticas tradicionales de actualización lenta. Pero es una realidad que debes tener en cuenta.

Sin embargo, tenga en cuenta que si crea PNG planos, debería estar bien. Son canales alfa y PNG transparentes que no son compatibles.