Skip to main content

Edición imágenes Web UCM

Guía de apoyo a la edición Web

Noticias y Avisos. Formato y Tamaño de las imágenes

Se requieren imágenes en formato JPG.

El ancho requerido de las imágenes se encuentra entre 360 px. y 1140px. Depende de:

  • La apariencia elegida (tenemos dos opciones de visualización de las noticias: apariencia clásica y carrusel).
  • El lugar de la página (ancho del contenedor) donde situamos el widget.

Podemos subir varias imágenes con el botón "subir archivos" hasta completar nuestra galería.

Estas imágenes no forman parte de las imágenes de la aplicación "Galería de imágenes" de nuestro website.

Las noticias muestran la imagen marcada como principal como una miniatura en la parte superior derecha (360 px.) y imágenes no marcadas como principales aparecen al pié de la noticia (véase siguiente ilustración).

Noticia ejemplo
Las páginas de noticias usan una la plantilla de dos columnas (70%-30%)
La miniatura de la imagen principal encaja en la columna derecha (30%).

Cuando clicamos sobre las imágenes accedemos a una presentación, a modo de diapositivas, de todas las imágenes subidas.

Las "diapositivas" muestran las imágenes en su tamaño original con una resolución máxima de 1140 x 800 píxeles.

Apariencia clásica. Tamaño de las imágenes

Apariencia clásica

El widget "Noticias y avisos", apariencia "clásico" muestra la lista de noticias una debajo de otra.

Se recomienda un tamaño mínimo de 360 px. para la imagen principal. Sin embargo, para que se visualizen a máxima resolución en modo diapositiva (es decir, cuando clicamos sobre las imágenes), en tamaño máximo es de 1140 x 800 píxeles.

La apariencia clásica no admite RSS.

Lista noticias clásica
Ejemplo apariencia de lista noticias clásica

Apariencia carrusel. Tamaño de las imágenes

Apariencia carrusel

El widget "Noticias y avisos", apariencia "carrusel" muestra una sucesión de noticias en un carrusel.

Podemos subir varias imágenes pulsando en el botón "Subir archivos".

Si marcamos una de ellas como "Principal", ésta aparecerá como imagen del carrusel.

configuración carrusel

Tamaños

  • El ancho de las imágenes del carrusel dependerá de dónde se situemos el widget "Noticias y avisos".
  • El alto siempre será 280 px.:

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.

 

Ejemplo Noticias y Avisos apariencia Carrusel. Plantilla 70% - 30%

La imagen muestra una imagen de carrusel de noticias. Hemos situado el widget en el área 70% de una plantilla 70% - 30%.
En este caso el tamaño requerido de las imágenes es de 750 px. x 280 px. para que encajen correctamente.

imagen de carrusel
Imagen ejemplo noticia apariencia carrusel