Tamaño de imágenes en la Plantilla Standard


 
Customer Support
Último actualizado: hace 1 año

Las campañas de Stockcrowd son responsive y se visualizan y adapatan a todo tipo de pantallas. Sin embargo, a la hora de construir tu campaña, puede que te entren dudas en cuanto a qué tipo de imágenes y qué tamaño debes utilizar. 

En este artículo te mostraremos toda esta información y todo lo que debes tener en cuenta a la hora de elegir tus imágenes para tus campañas con Plantilla Standard. 

1. Imágenes de encabezado

  • Logo organización:

En este caso se le da una medida máxima de alto y el ancho lo ajusta automáticamente para evitar que se pixele el logo. No se fijan los dos tamaños para no deformar la imagen.

AnchoAlto
VariableAlto máximo: 60px
  • Imagen principal:

Al ser una imagen que se usa como fondo no tiene un ancho y alto fijo. La imagen se ajusta automáticamente a las medidas que tenga la pantalla donde se está visualizando. Se recomienda usar imágenes de buena calidad aunque NO de mucho peso y tamaño para no afectar la carga.

AnchoAlto
Variable según ancho del navegadorVariable según alto del navegador

 

2. Imágenes del apartado de Información

  • Carrusel:

Si las imágenes están en carrousel se verán con un alto fijo y un ancho variable según el ancho del navegador.

AnchoAltoEjemplos
Variable según ancho del navegador600pxEjemplo

 

  • Una imagen: 

Si es una sola imagen tanto el alto como el ancho son variables según el dispositivo donde se esté viendo. Ella misma se ajustará para verse siempre bien.

AnchoAltoEjemplos
100% del ancho del contenedorVariable según el ancho que tenga la imagen.Ejemplo

 

3. Imagenes del apartado de Más Información

  • Un bloque- Carrusel: 

Si tienen un solo bloque con carrousel las imágenes tendrán definido un alto fijo y un ancho variable según el ancho del navegador.

AnchoAltoEjemplos
100% del ancho del contenedor600pxEjemplo
  • Un bloque - Una imagen:

Si es una sola imagen tanto el alto como el ancho son variables según el dispositivo donde se esté viendo. Ella misma se ajustará para verse siempre bien.

AnchoAlto
100% del ancho del contenedorVariable según el ancho que tenga la imagen.
  • Más de un bloque - Carrusel o imagen única

Cuando hay más de un bloque tanto en carrousel como en imagen única se verán del mismo tamaño. Se limita el alto en ambos casos y el ancho es variable según su contenedor.

AnchoAltoEjemplos
100% del ancho del contenedor300 pxEjemplo

 

4. Equipo: 

  • Imagen: 

Tienen el mismo alto y ancho.

AnchoAltoEjemplos
176 px176 pxEjemplo

 

5. Actualizaciones

  • Un bloque - Carrusel

Si tienen un solo bloque con carrousel las imágenes tendrán definido un alto fijo y un ancho variable según el ancho del navegador.

AnchoAltoEjemplos
100% del ancho del contenedor600pxEjemplo
  • Un bloque - Una imagen

Si es una sola imagen tanto el alto como el ancho son variables según el dispositivo donde se esté viendo. Ella misma se ajustará para verse siempre bien.

AnchoAltoEjemplos
100% del ancho del contenedorVariable según el ancho que tenga la imagen.Ejemplo
  • Más de un bloque - Carrusel

Las imágenes tendrán definido un alto fijo y un ancho variable según el ancho del navegador.

AnchoAltoEjemplos
100% del ancho del contenedor300pxEjemplo
  • Más de un bloque - Una imagen

La imagen se ajustará automáticamente para verse siempre bien según su contenedor.

AnchoAltoEjemplos
100% del ancho del contenedorVariable según el ancho del contenedorEjemplo

 

6. Patrocinadores

  • Para cualquiera de los nieveles:

Tienen definido un alto máximo

AnchoAltoEjemplos
Variable según el altoAltó máximo de 100pxEjemplo

 

7. Participantes: 

  • Imagen: 

Tienen definido un alto mínimo y un ancho fijo. En ocasiones si el nombre que les acompaña es más grande que ese tamaño la imagen crece para ajustarse al texto.

AnchoAltoEjemplos
100pxAlto mínimo de 100pxEjemplo

 

8. Recompensas: 

AnchoAlto
VariableAlto: 220px

9. Retos: 

AnchoAlto
VariableAlto: 216px



 

 


¿Te resultó útil este artículo?