comparte el articulo 

Uso de imágenes en los blogs

Actualizado el 22/05/2007 < > 7 Cometarios

Las imágenes añaden una nota de color al blog y a cualquier página en general, proporcionan un descanso en la lectura al usuario y muchas veces sirven de explicación gráfica para lo que se está contando. Por ello, contar con imágenes a la hora de postear puede suponer un beneficio para el usuario. Aún así, hay que tener en cuenta una serie de consideraciones a la hora de usarlas:

  • Optimización: tan importante como encontrar una imagen adecuada para un post es optimizarla de forma que, sin pesar demasiado, siga teniendo la suficiente calidad como para ser utilizable. Un término medio en este punto puede ser interesante, prestando atención a que el tamaño de las imágenes no sea demasiado grande para que no ralentice la carga de la página sin descuidar los detalles que le dan calidad a una imagen.
  • Tipos de imágenes: según la clase de imagen que vayamos a mostrar, será más conveniente en general usar uno u otro formato. Por ejemplo, las imágenes .gif dan mejor resultado con dibujos, puesto que suelen tener grandes zonas de colores constantes que ahorran peso en este tipo de archivos. Además, los .gif pueden utilizarse con transparencias, lo que los dota de mayor flexibilidad para adaptarse al color de fondo de la página web. Para fotografías lo más adecuado son los formatos .jpg que permiten conservar los infinitos matices de este tipo de imágenes con una compresión de archivo razonable.
  • Uso de la etiqueta alt y title: la etiqueta alt, sobre todo, es importante incluirla al añadir una imagen a la web, por varios motivos. En primer lugar, ayuda a los buscadores a definir el tema de la página y proporciona más palabras clave, y en segundo lugar, en navegadores en los que no se muestren imágenes por los motivos que sean, el texto introducido en esa etiqueta será el que aparezca en lugar de la imagen, lo que ayuda a situarse al usuario cuando el gráfico no se muestra.
  • Dónde alojar las imágenes: la duda es si guardar (o alojar) los gráficos en tu propio servidor web o en un servidor gratuito especializado en imágenes como Photobucket (también conocidos como image hosting). Si eliges un servidor gratuito de fiar para tus imágenes puede ser útil, porque ahorras gasto en ancho de banda, pero si no eliges bien puede fallar el servicio o cargar las páginas con demasiada lentitud y volverse en tu contra.
  • Dónde conseguir imágenes gratis: aunque siempre podemos optar por hacer nuestros propios gráficos, muchos webmasters no tienen tiempo o la habilidad necesarias para hacerlo, por lo que utilizar imágenes gratuitas puede ser una buena solución.

Publicado el 22/05/2007, última actualización 22/05/2007.

Licencia: Eres libre de distribuir este artículo siempre que mantengas los enlaces dentro del mismo intactos y des los créditos al autor.

Autor: Verónica Milán

URL: Front end

Añadir Comentario (Subir al texto)

7 Cometarios

  1. jonathan

    es lo mejor

    Viernes, 12 de octubre 2007

  2. Como añadir imágenes a una página web :: LaWebera.es

    […] definir bastante bien las propiedades básicas de la imagen (recordemos que es muy importante el uso de imagenes en los blogs y en portales web). Para denifir otro tipo de detalles visuales hay que hacer uso de CSS. Veamos un […]

    Viernes, 7 de diciembre 2007

  3. El empleo de imágenes en un sitio web :: LaWebera.es

    […] bien, si realmente se justifica el uso de una imagen en una de sus páginas. Recuerde que lo más importante es, que quien visite su sitio tiene que […]

    Jueves, 29 de mayo 2008

  4. Los 10 errores más comunes que cometen los bloggers novatos :: LaWebera.es

    […] Copiar imágenes de otros sitios y subirlas al blog sin dar crédito o […]

    Lunes, 11 de agosto 2008

  5. Como hacer un buen análisis patrocinado

    […] Además de los párrafos por apartados es interesante observar algunos puntos esenciales, como poner alguna imagen de lo que analizamos, algún gráfico o captura de pantalla o si hay un logo oficial, pues el logo. […]

    Miércoles, 21 de octubre 2009

  6. Utilizar un loading o imagen de carga con CSS

    […] este código la imagen animada (imagen de fondo) se mostraría en todas las imágenes que estén cargandose en tu web. Eso es, así de sencillo, con este simple código a todas las […]

    Miércoles, 18 de noviembre 2009

  7. CSS Sprites para efecto rollover en botones e imagenes

    […] era que las imágenes tardaban en cargarse. Con CSS esto no ocurre, puesto las distintas imágenes están en un mismo […]

    Martes, 26 de enero 2010

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras