PNGs transparentes en IE sin trucos

31 agosto 2005 ~ Software

Pese a la promesa de que IE 7 dará soporte a PNG no podemos olvidarnos de las versiones anteriores. Este método no es la mejor de las opciones ni sirve para todos los casos, pero permite olvidarse, del lado del código, de si Internet Explorer soporta o no PNG con transparencia.

La cosa consiste en hacer los PNG de 8 bits y transparencia por canal alfa.

Internet Explorer <7 no pintará nada que esté en el canal alfa, pero tampoco dejará el típico gris que pone en su lugar al usar PNGs de más colores.

Esto sirve para, por ejemplo, usar sombreados, que en IE < 7 no se verán y en FFox, Safari, IE 7, etc, sí. Sobretodo es aplicable para sombras de elementos rectilíneos, donde el dentado apenas se notará en IE.

También se puede usar con imágenes de fondo. Este mismo blog es un ejemplo de la aplicación del PNG de 8 bits con canal alfa: tanto las imágenes de fondo del interfaz como las que ilustran los artículos usan este formato.

La pena es que al usar sólo 8 bits la calidad de las sombras es algo pobre.

Enrique ~ 24 enero 06

Buenas.
He probado a optimizar mi background (png-24) a png-8 tal y como lo pones arriba.
El caso es que por más vueltas que le doy, no consigo que el dichoso IE se trague las transparencias del canal alpha.
¿Podrías explicar un poco más?....
Gracias de antemano.

jorge ~ 24 enero 06

umm… no sé qué más decirte, la verdad ¿con qué programa lo estás intentando? Yo uso Fireworks, nunca he probado esto con Photoshop. Si quieres, envíame la imagen que se te resiste, te la transparento a 8bits y anoto cada paso que de para que tú puedas reproducir mis pasos.