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.

Write a Reply or Comment

Your email address will not be published.