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.