Caosgráfico

¿Alguien sabe cuales son las imágenes en formato PNG y qué ventaja tienen contra el ya antiquisimo arte de las imágenes con transparencia GIf y el clásico formato JPG?

Ja!, creo que con lo anterior los acabo de confundir todavía más pero bueno, les pondré aquí las características de cada uno:

• JPG: este es el formato más usado para el manejo de imágenes y el único que reconoce tooooodo tipo de gadgets (como el iPod, tu computadora, mmm y muchos otros pues) es un formato bastante bueno y por ende el estandar, tiene las siguientes características/ventajas/desventajas:
  • No soporta transparencias

  

  • Tiene un peso medio, es decir, ni es el más rápido para cargar ni es el más lento
  • Puedes optimizarlo tanto como gustes
  • Lo puedes mandar como archivo adjunto imágen por cualquier medio (correo, msn, subirlo a tu blog etc.)
  • Las imágenes son estáticas
  • Este formato se usa regularmente para las fotografías digitales pues tiene una muy buena calidad de imágen
  • TODOS los navegadores la reconocen
• GIF: este es el segundo formato más usado pero este sirve más que nada para logotipos e imágenes muy pequeñitas, igual les platicaré sus ventajas y desventajas:
  • Soporta transparencias con un solo color de fondo (es decir, si quieres tener un color de fondo por ejemplo negro pues optimizas tu imágen .gif para que cuadre en un fondo negro o mayoritariamente negro, pero si esa misma imágen después la quieres usar en un fon do blanco pues no obtendrás muy buenos resultados)

  

  • Tiene un peso muy bajo (al ser una imágen pequeña)
  • Puedes optimizarlo desde 2 colores (para logos) hasta 256 colores (lo más alto)
  • Lo puedes mandar fácilmente como archivo adjunto
  • Las imágenes se pueden manejar de dos formas: estáticas y con movimiento (frame por frame / cuadro por cuadro)
  • Este formato se usa más que nada en logotipos, tiene una grán calidad y un peso pequeño para estos fines.
  • TODOS los navegadores la reconocen
• PNG: este es el formato más “nuevo”, la mayoría de los gadgets actuales y navegadores actuales lo acepta, y puedes optimizarlo muchísimo… el detalle con este tipo de imágenes es que se recomienda más que nada para la web pues tiene la mejor calidad de imágen y el mejor peso.
  • Soporta transparencias A TODOS LOS COLORES, es decir que en este caso la transparencia es real y soporta cualquier fondo ya sea sóliudo o con textura.

  

  • Tiene una relación calidad/peso muy equilibrada (la más equilibrada de hecho)
  • Puedes optimizarlo a 8, 24 y 32 bits (logotipos básicos, imágenes que no necesiten ser tan nitidas e imágenes nitidas… en ese órden)
  • Las imágenes son estáticas actualmente, pero ya existe un nuevo formato que permite el movimiento, se espera su estandarización a mediados del 2008
  • TODOS los navegadores la reconocen pero solo los navegadores actuales reconocen su transparencia (como Firefox 2.0 e Internet Explorer UNICAMENTE DESPUÉS DE SU VERSIÓN 7.0) - aqui verás el ejemplo bien pues le metí un fix para solucionarlo a toda la página, pero hay muchos más ejemplos en la red que puedes ver de este tipo de imágenes
  • ESTE FORMATO SERÁ EL FUTURO ESTANDAR DE LA WEB

Ahora, en lo personal empleo las 3 sin ningún tipo de problema cuando creamos una página web o algún sistema, cada una tiene sus propiedades y hay que aprovecharlas, aunque yo les recomendaría los siguiente:

1.- Si van a montar una web que sea con pura imágen PNG y divs (que se tocarán en otro tema)+

2.- Si van a guardar imágenes en su PC de su familia, amigos, fiestas y anexas lo mejor es en formato JPG

3.- Si quieren hacer una imágen con movimiento usen .gif o de plano un Flash

Saludos!