Biblioteca Complutense

Resolución

Resolución y relación de aspecto

La resolución de una imagen digital es el resultado de multiplicar el ancho (resolución horizontal) por el alto (resolución vertical) en píxeles.

Resolución total = píxeles de ancho x píxeles de alto

La resolución de una imagen indica la cantidad de detalles que puede observarse en esta. A mayor resolución, mayor cantidad de detalles.

Una imagen de 1140 píxeles de ancho ocupa todo el ancho de una página UCM. Cuando insertamos una imagen mayor de 1140 px., esta se adapta al ancho disponible, es decir, se muestra con una resolución horizontal máxima de 1140 píxeles. Poner una imagen de gran tamaño no supone que se muestre en la web con mayor calidad. Podría tener sentido poner imágenes de gran tamaño para, por ejemplo, poder ampliarlas manteniendo la calidad.

 

Tamaños requeridos

La relación entre el ancho y el alto se llama "relación de aspecto" y determina las proporciones de la imagen.

Algunos espacios de la web UCM requieren imágenes con una relación de aspecto y tamaño determinado. Cuando las proporciones de la imagen no se ajustan a las proporciones requeridas, la imagen se muestra recortada o con espacios vacios aldededor.

Los espacios que requieren imágenes con proporciones determinadas son:

  1. Portada de noticias con imágenes laterales:
    • Las imágenes del carrusel: 798 × 400 píxeles.
    • Imágenes laterales: 331 × 200 píxeles.
  2. Portadas Fotos Fijas:
    • Imágenes de fondo de portada: 1140 x 400 píxeles.
  3. Widget Noticias y Avisos:
    • El ancho de las imágenes del carrusel depende del lugar de la página dónde se sitúe el widget (el ancho de la imagen será el mismo ancho que el de su contenedor) , la altura de la imagen siempre será 280 píxeles.