En realidad, los PNG de 24 bits funcionan bien hasta e incluyendo Internet Explorer 6.
La diversión se echa a perder cuando quieres usar PNG de 32 bits, que incluye un canal alfa de 8 bits para una transparencia suavizada: IE6 no puede manejarlos (mostrando algo de azul feo en lugar de transparencia). IE7 y superior no tienen problemas con PNG de 32 bits.
No estoy mencionando Chrome y Firefox (ugh, solo lo hice de todos modos), porque estos nunca tienen esos problemas. Incluso si las versiones muy antiguas de Firefox no pudieran manejar la transparencia, aún debería estar seguro ya que los usuarios de Firefox utilizan abrumadoramente versiones bastante nuevas.
- ¿Cómo uso el código konami en un sitio web?
- ¿Qué tan fácil o difícil es para un programador de .NET MVC crear una aplicación web increíble usando PHP?
- ¿Cuáles son algunos buenos tutoriales sobre Angular 2 con un marco Django REST?
- ¿Cuáles son algunos sitios web de inicio muy bien diseñados?
- Cómo hacer un clasificador / filtro usando HTML, CSS y JavaScript / jQuery
Si desea seguir con las imágenes PNG, pero TAMBIÉN desea tener transparencia hasta IE6, hay una especie de alternativa desconocida para el GIF antiguo: PNG-8 (también conocido como “PNG de 8 bits”).
Es un subestándar PNG con colores indexados (256 máximo) que también le brinda una transparencia suave y suavizada (¡y archivos mucho más pequeños!). IE6 al menos puede mostrar su transparencia, solo que no tiene alias. Lo que te da el mismo nivel de calidad que con los buenos GIF antiguos.
Entonces, en pocas palabras:
- Siga utilizando solo imágenes PNG (pero JPEG para las fotográficas)
- Intente usar PNG-8 siempre que la calidad lo permita
- Cuando necesite transparencia, use PNG-8 para tener un buen respaldo en IE6
- PNG-24 es una opción para imágenes HQ en todos los navegadores, incl. IE6
- PNG-32 es su elección para imágenes HQ con total transparencia pero bloquea IE6 (algo feo pero a veces tolerable)
PD: lo que debe evitar son los asistentes JS de uso común y los filtros de imagen MS para “corregir” la transparencia en IE6. ¡O no funcionan realmente o ensucian su código y el rendimiento de sus visitantes!
