Gravatar de Armonth

Temas a considerar al incluir imágenes en blogs

Publicado el Miércoles 11 de Octubre del 2006 @ 13:52 por Armonth.

  • 3
  • 0

  • Comentar

Unos cuantos consejos a tener en cuenta cuando se incluyen imágenes en blogs y otras páginas web:

  1. Tamaño de las imágenes: Muy repetido pero todavía se encuentra uno imágenes de 500KB por ahí, cuanto más pequeñas mejor…
  2. Elige el formato adecuado: JPG es ideal para fotografías pero no lo es tanto si incluyen textos, PNG es superior en (casi) todos los aspectos a GIF pero hay que saber generar una imagen optimizada (la paleta de colores mínimos, etc) para que no ocupe una burrada. GIF por el contrario es ideal para pequeñas animaciones.
  3. Al utilizar PNG ten cuidado con Internet Explorer: Internet Explorer 6 y anteriores (y presupongo que el 7 también) tienen problemas para mostrar PNGs con canal alpha (fondo transparente): o aplicas un “hack” a la web o usas imágenes sin canal alpha.
  4. No uses rutas relativas en los feeds: Algunos (pocos) lectores de feeds tienen problemas con las rutas relativas (poner /ruta-a-la-imagen.jpg en lugar de http://tuweb.com/ruta-a-la-imagen.jpg) y pueden no mostrar las imágenes. El feed seguirá validando igualmente pero FeedValidator te recordará la existencia de este problema.
  5. Elimina colores innecesarios de la paleta: Relacionado con controlar el tamaño (consejo 1 y lo dicho de PNG en 2), una vez tengas la imagen terminada busca en tu programa una opción para generar la imagen únicamente con los colores utilizados, si tu imagen es un logo en dos colores no tiene sentido tener una paleta con 256 o más.

, ,

3 Comentarios (feed)

  1. Gravatar de torresburriel torresburriel nos comenta:

    Según dijo Chris Wilson en Fundamentos Web 2006, el equipo de desarrollo de IE7 estuvo dos semanas arreglando los problemas de canal alfa en los PNGs para IE7, así que espero que esté solucionado.

    Miércoles, 11 de Octubre/2006 @ 15:26

  2. Gravatar de Francisco Francisco nos comenta:

    Para optimizar imágenes al guardarlas, recomiendo Fireworks. Uso Fireworks MX (si, de cuando era de Macromedia) y es excelente.

    Miércoles, 11 de Octubre/2006 @ 17:32

  3. Gravatar de Armonth Armonth nos comenta:

    Torresburriel pues ya era hora de que alguien consiguiera decirme algo que merezca la pena de IE7 de cara al desarrollador web (ahorrarse un hack para los PNG) que en tema de mejora de estándares y otras cosas “pff”… y en el lado del usuario todavía: un lavado de cara, pestañas, feeds, algo es algo pero después de 6 años sigue sabiendo a poco :P

    Miércoles, 11 de Octubre/2006 @ 21:33

Comentarios cerrados