Hoy he estado hablando de formatos de imágenes y he podido contestar a ciertas preguntas, gracias a que hace unos días leí un excelente artículo de CSS Tricks comentando cuatro ideas erróneas sobre los PNG. Así que voy a comentarlas aquí porque estoy seguro de que muchos de los que leéis ésto tal vez tengáis dudas o estáis confundidos como lo estuve yo.

1. PNG es genial, pero no puedo usarlo porque no funciona con Internet Explorer

Ésto es casi totalmente falso. Todos los PNGs se van a ver en cualquier versión de internet explorer, el problema realmente es que en IE6 y anteriores los PNG-24 se mostrarán mal si usan la propiedad tranparencia alpha (cuando hacemos imagenes parcialmente tranparentes). Así que si no necesitáis esa transparencia podéis usar PNGs sin problemas porque se van a ver bien en todos los navegadores, y si realmente la necesitáis hay varios hacks que lo pueden arreglar.

2. PNG el formato que menos espacio ocupa

Si se comparan los tamaños de las mismas imagenes en PNG-8 y GIF, muchas veces (aunque no siempre) comprobaremos que sí es menos pesado que GIF. Pero si lo comparamos con el PNG-24 (el formato con el que podemos obtener la transparencia alpha), GIF siempre será más ligero. De hecho, muchas veces hacen que la carga de una página se haga lenta y pesada.

3. PNG tiene el mejor color

De nuevo, ésto es solo un atributo del PNG-24, con el qué si se consiguen mejores resultados que con cualquier otro, pero siempre a costa del tamaño del archivo. PNG-8 se comporta, hablando de colores, tal como lo hace GIF, con su misma gama y calidad.

4. PNG es el mejor formato para cualquier cosa

Completamente falso. Cada uno de los tres formatos más populares (JPG, GIF y PNG) aún tiene su sitio, y puede ser el mejor según cual sea el cometido. Para la fotografía los JPGs aún no pueden ser superados si hablamos de tamaño de archivo. PNG-24 gana en calidad y permite transparencia alpha, aunque siempre a costa del tamaño. PNG-8 supera casi siempre a GIF, pero en cambio solo GIF permite animación y en estos casos sería nuestra opción.

Traducido de CSS Tricks

Como véis, lo más claro que hay que tener es que existen diferentes tipos de PNG, y lo más importante, que cada formato de imagen tiene su sitio. Y a ver si dejamos de usar IE o al menos sus versiones viejas que lo de los hacks está muy bien, pero sino tenemos que usarlos mejor.