Tip: transparencia en PNG para Internet Explorer
27 oct 2008
Una de las grandes pesadillas de todo diseñador que se precie es el Internet Explorer. Normalmente se maqueta para un navegador como Firefox o Safari y luego se “adapta” para que se vea bien en Internet Explorer. El proceso contrario es mucho más desastroso.
Algo que trae de cabeza son las transparencias, ya que el Internet Explorer no las detecta como tales, añadiéndoles un antiestético cuadrado gris alrededor de la misma. Todos sabemos que con los gif se pueden conseguir transparencias pero se sacrifica calidad. ¿Se podría conseguir lo mismo con los png? Pues sí. Para ello hay que guardar la imagen como PNG 8, paleta adaptable, 256 como número máximo de colores (así preservamos calidad) y finalmente con transparencia alfa.
De esta forma todo lo que hayamos puesto como transparente aparecerá transparente en todos los navegadores incluidos los Internet Explorer (incluso en el Internet Explorer 6 xD). El proceso en Fireworks sería así:
- Accedemos a Archivo
- Luego a Asistente de exportación
- Escogemos Seleccionar formato de exportación
- Seleccionamos La Web
- Pinchamos en Salir
- Y finalmente configuramos las opciones anteriormente dichas.
En otros programas de diseño y retoque seguro que tendrán un proceso similar. De esta forma tan sencilla obtendremos transparencias en nuestras imágenes png, reconocibles para todos los navegadores.
Oye, ¿y eso de WTB! qué será?
Pues no lo sé… De momento nadie ha preguntado… Qué raro…
mmm.. interesante!
enserio si.. el problema nomas seria si tenes mas de 8 colores… pero si, la tecnica esta buenisima!!
asi mantenos una calidad descente!
gracias!
Dios…que bien…esto arregla un montón de cosas…
Excelente post amigo
. Despues de DIAs enteros buscando soluciones me encuentro con este interesante blog. Acabas de obtener un lector fiel 
.
Gracias!!!
Hola, una consulta. muy buena enseñanza… me seria muy util.. pero a ustedes les funciona? a mi no…
no se porque motivo.. pero el resultado final puede verse en el explorardor de windows, pero no en el sitio, o la pagina donde lo coloque… sale una imagen blanca, o completamente transparente…
Si me dan la solucion estaria muy agradecido, paso ya 5 dias buscando algun especie de fix, parche, o lo que sea. porque necesito levantar varios png en una aplicacion web… Gracias!!