Recomendaciones para el uso de las imágenes en todas nuestras páginas web
Las imágenes son una parte muy importante de todas nuestras comunicaciones, es imprescindible lograr un manejo efectivo de las mismas para evitar el perjudicar el trabajo de diseño realizado hasta ahora, a continuación algunas recomendaciones, tanto técnicas como de criterio.
En las páginas web, las imágenes fueron diseñadas como fondo para los textos; por ello es importante elegir las imágenes adecuadas.
No use imágenes con textos dentro
Por ejemplo, http://intranet.ittingenieria.com/SV-listado-articulos.php?nivel=1&catid=12 , la imagen no sólo se ve incompleta sino que usa un tipo de letra que no es el corporativo, que queda interferido por el texto de la página web.
No use imágenes con ilustraciones o diagramos anticuados
Preferimos las fotos modernas, bien tomadas que diagramas anticuados, gráficos o fotos que no transmitan la seriedad necesaria; éste es un ejemplo de qué no hacer: http://intranet.ittingenieria.com/articulo-convocatoria
No use imágenes en fondo blanco o con mucha predominancia de blanco
Ya que las imágenes están de fondo, y el color del texto es blanco, recomendamos no usar fotos en las que predomine el blanco ya que termnina viéndose sucio gracias a la tapa predeterminada, la cual ha sido diseñada para oscurecer las imágenes y mejorar la lectura de los textos superpuestos.
Nombres de archivos
Evite usar en el nombre de las imágenes a cargar, caracteres especiales ( !\»·$%&/()= ), espacios, acentos o cualquier caracter que no sean letras, números o guiones.
Medidas de las imágenes
Es importante que las imágenes que carguen estén en la medida apropiada para evitar la reduccion o ensanchamiento no proporcional de las mismas.
- Para la página web ittingenieria.com las imagenes deben ser de relación de aspecto 16:9 , o la medida fija de 2000*1125 px.
- Para la página web intranet.ittingenieria.com, las imágenes deben ser de relación de aspecto 4:3 o la medida fija de 1024*768 px.
Investigue en la sección de ayuda sobre qué es la relación de aspecto, cómo recortar imágenes, bajando el peso, etc aquí.