Imágenes en la web

A la hora de utilizar imágenes en el diseño de una página web, es necesario tener en cuenta varios factores que permitan su apropiada visibilidad y consumo de recursos.

  • Tamaño (ancho x alto).
  • Proporciones (ancho : alto).
  • Puntos por pulgada (se aconsejan 72 ppp para visualizar en pantalla).
  • Modo de color (RGB 8 bits).
  • Formato de archivo, que identificamos por la extensión: jpg, gif, png. Derivado de esto, tener en cuenta los canales alfa, si las hubiera (hay formatos que no admiten).
  • Tener en cuenta el formato del archivo según los distintos navegadores con los que testear el diseño y la usabilidad de la página.
  • Alineación con el texto.
  • Atributo HTML alt.
  • Atributo HTML title.
  • Especificación del tamaño real de la imagen en clase o identificador CSS para optimizar la carga de la página.
  • Ajuste de calidad de la imagen para minimizar espacio en disco.  Si se han tenido en cuenta las reglas anteriores, esta quizá está de más.
Es tán fácil compartir...Pin on PinterestShare on FacebookShare on Google+Tweet about this on Twitter

Deja un comentario