Ci sono problemi di visualizzazione di alcuni formati PNG per Internet Explorer 5.5 e 6.

Il formato PNG prevede un canale alpha (ovvero la gestione della trasparenza). Questo formato è nato esplicitamente per il web ma le versioni Microsoft Internet Explorer precedenti alla 7.0 non lo supportano completamente.
infatti se si usa un’immagine PNG con trasparenza ci si può trovare con l’area trasparente sostituita da uno sfondo azzurro.
Ci sono vari modi per evitare questo problema:

1. Convertire i PNG in GIF
2. Usare delle patch Javascript
3. Cambiare il formato delle PNG in 128 Not Interlaced (consigliato)

1. Convertire i PNG in GIF
Convertire le PNG in GIF può essere comodo e risolve il problema della trasparenza.
Aldilà delle differenze legate strettamente alle dimensioni dei file nei due formati, le GIF sono molto meno adatte ad essere scalate (ovvero mostrate nell’HTML in dimensioni diverse da quelle del file originale), quindi se si pensa di usare la stesse immagini in diverse proporzioni conviene scartare questo metodo.

2. Usare delle patch Javascript
Ci sono vari siti che descrivono l’utilizzo di script Javascript per risolvere il problema (sono disponibili anche in pacchetti distribuiti per Joomla). Non ne ho testato nessuno perchè ritengo questa soluzione poco pratica.

3. Cambiare il formato delle PNG in 128 Not Interlaced

Ho testato questa soluzione su IE 6, IE 7 e FireFox.
Convertendo le PNG che davano questo problema in PNG a 128 Bit Not Interlaced la trasparenza ha funzionato perfettamente su tutti i browser testati.