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.