Portal Web del Ayuntamiento de Valladolid

Descripción

Se indica los tamaños esperado de las imágenes en las distintas secciones del portal:

Areas / Temas / Colectivos:

• Banner: 150x150 px (se recomienda un tamaño proporcional de x2, es decir 300x300). Ejemplo:banner área
• Destacado: el tamaño es flexible al tamaño de la ventana.
  • El área visible es una altura de 120 px y una anchura variable entre 200 y 250 px.
  • Se recomienda un tamaño de 270x120 px (o proporcional de x2, es decir 540x240) con bastante margen y con la imagen centrada.
  • Ejemplo:

destacado área

Se puede ver un ejemplo de estas imágenes en cualquier área, tema o colectivo.

Página principal:

• Destacado:
  • El tamaño varía mucho en función de dispositivo, con la altura constante (181px):
    • 278x181 px en escritorio
    • 230x181 px en tablets o pantallas pequeñas
    • 300x181 px en tablets en posición vertical
    • Ocupando toda la pantalla con altura fija de 181 px en móviles.
  • Se recomienda una imagen 300x181px o 600x362px con la parte más importante centrada y con bastante margen (mínimo 25 px por cada lado para las imagenes de 300x181px y de 50 para las de 600x362).
  • Así mismo, se recomienda una imagen simple, tipo logo, sin textos explicativos. En el caso de tener texto, se deberá enviar el texto de la imagen al hacer la petición del destacado.
  • Ejemplo:

logo ejemplo destacado página principal

Un ejemplo de como quedan, se puede ver en la siguiente imagen (en escritorio):

ejemplo destacados

• Banner principal: tamaño de 1140x310 px.
  • En el caso de que el tamaño de la pantalla sea menor, se hace más pequeño manteniendo la proporción, excepto en móviles, que se muestra una parte, por lo que se recomienda que la parte más importante esté a la izquierda de la imagen
  • Ejemplo:

banner principal 1140x310