Skip to main content

Edición imágenes Web UCM

Guía de apoyo a la edición Web

Imágenes adaptables o responsive

Tamaños de pantallas

Las imágenes de la Web UCM tienen comportamiento adaptable o "responsive", es decir, se adaptan al ancho disponible y ajustan su altura proporcionalmente.

El ancho máximo con el que se muestra cada imagen depende del área o contenedor de la página donde la situamos.

Cuando la imagen tiene un ancho mayor al ancho de su contenedor la imagen reduce su resolución para adaptarse. No se visualiza con mayor calidad por tener un mayor tamaño que el de su contenedor.

Plantillas y anchos disponibles

Según la plantilla seleccionada, podemos encontrar los siguientes anchos disponibles:

Plantilla área única
Ancho plantilla área única: 1140 px.

 

Plantilla dos columnas 50%
Ancho plantilla dos columnas (50%): 555 px.

 

Plantilla dos columnas 30% - 70%
​Ancho plantilla dos columnas (30% 70%):
Columna 30%: 360 px.
Columna 70%: 750 px.

 

Plantilla tres columnas
Ancho plantilla tres columnas (33%): 360 px.

 

Plantilla cuatro columnas
​Ancho plantilla cuatro columnas (25%): 263 px.

 

Tamaños requeridos

En algunos espacios de nuestra web es necesario insertar imágenes con un tamaño (ancho y alto) determinado.

Si en estos espacios insertamos imágenes que no tengan el tamaño requerido, las imagenes se adaptarán al ancho pero no se verán completas (parte de la imagen queda oculta en la zona inferior), o se verán completas pero no ocuparan todo el espacio disponible (se verá una franja gris).

Los espacios que requieren imágenes con tamaños específicos son:

  1. Portada de noticias con imágenes laterales.
  2. Portadas de fotos fijas.
  3. Widget "Noticias y avisos" en apariencia Carrusel.

Portada plantilla noticias con imágenes laterales

  • Imagen carrusel: 798 × 400 píxeles
  • Imágenes laterales: 331 × 200 píxeles

Portada noticias con imágenes laterales

Portadas fotos fijas

  • 1140 × 400 píxeles. Máxima altura 400 px. (Las imágenes con una altura mayor a 400 px. se mostrarán recortadas)

Portada fotos fijas

Widget Noticias y Avisos carrusel

Widget Noticias y Avisos Carrusel

  • El ancho de las imágenes del carrusel depende del lugar dónde situemos el widget.
  • La altura siempre será 280 píxeles:
Plantilla área única
Ancho plantilla área única: 1140 px.

 

Plantilla dos columnas 50%
Ancho plantilla dos columnas (50%): 555 px.

 

Plantilla dos columnas 30% - 70%
​Ancho plantilla dos columnas (30% 70%):
Columna 30%: 360 px.
Columna 70%: 750 px.