si sois diseñadores web, con firefox 2 y internet explorer 7 no os teneis que preocupar por las transparencias alpha.
Pero la cosa cambia en internet explorer 6, en este ulitmo los pngs aparecen con un fondo de color y no precisamente el transparente

Para ello hay 2 soluciones, mediante CSS o con un javascript.

yo recomiendo hacerlo mediante CSS ya que he notado que en javascript las sombras no aparecen, pero la pega es que en css tienes que crear un estilo para cada elemento que contenga un PNG

ejemplo para el metodo css:

en el css principal tengo:

y en un fichero png.css el siguiente codigo:

luego para que solo se aplique en Internet explorer 6 poner esto antes de la etiqueta </head>:

pasos para el metodo con javascript:

1. descargar fichero pngfix.js
2. subir al servidor
3. poner el siguiente codigo en el header de tu theme, antes de la etiqueta </head>:
   PLAIN TEXT
   HTML:

   1. <!--[if lt IE 7]>
   2. <script defer type="text/javascript" src="/pngfix.js"></script>
   3. <![endif]-->

programa para exportar imagenes a png?

MeTaL_oRgY de la web metal.ize me recomendo el Adobe Fireworks CS3

curiosidades:

el logo y la mascota de la cabecera son pngs, los guarde directamente en el formato Fireworks PNG, grave error por mi parte, no cometais el mismo error

¿Porque digo error?

• Los PNGs no son transparentes ni con el javascript mencionado anteriormente
• ocupan mucho mas pongo mi caso:
  • letras viciao2k3 antes: 67.83 KB, ahora en png plano 5.38 KB
  • logotipo antes: 91.2 KB, ahora en png plano 12.9 KB

pasos para guardar en png plano y con transparencia alpha:

1. cuando salga la ventana de guardar como..., seleccionamos el formato png plano
2. se activara un boton opciones, pulsamos sobre el
3. nos aseguramos que esta en PNG-8
4. Luego abajo encontrareis en una casilla de seleccion, por defecto Sin transparencia, lo cambiais a Transparencia alfa