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.
Ancho | Alto |
---|---|
Variable | Alto 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.
Ancho | Alto |
---|---|
Variable según ancho del navegador | Variable 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.
Ancho | Alto | Ejemplos |
---|---|---|
Variable según ancho del navegador | 600px | Ejemplo |
- 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.
Ancho | Alto | Ejemplos |
---|---|---|
100% del ancho del contenedor | Variable 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.
Ancho | Alto | Ejemplos |
---|---|---|
100% del ancho del contenedor | 600px | Ejemplo |
- 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.
Ancho | Alto |
---|---|
100% del ancho del contenedor | Variable 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.
Ancho | Alto | Ejemplos |
---|---|---|
100% del ancho del contenedor | 300 px | Ejemplo |
4. Equipo:
- Imagen:
Tienen el mismo alto y ancho.
Ancho | Alto | Ejemplos |
---|---|---|
176 px | 176 px | Ejemplo |
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.
Ancho | Alto | Ejemplos |
---|---|---|
100% del ancho del contenedor | 600px | Ejemplo |
- 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.
Ancho | Alto | Ejemplos |
---|---|---|
100% del ancho del contenedor | Variable 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.
Ancho | Alto | Ejemplos |
---|---|---|
100% del ancho del contenedor | 300px | Ejemplo |
- Más de un bloque - Una imagen
La imagen se ajustará automáticamente para verse siempre bien según su contenedor.
Ancho | Alto | Ejemplos |
---|---|---|
100% del ancho del contenedor | Variable según el ancho del contenedor | Ejemplo |
6. Patrocinadores
- Para cualquiera de los nieveles:
Tienen definido un alto máximo
Ancho | Alto | Ejemplos |
---|---|---|
Variable según el alto | Altó máximo de 100px | Ejemplo |
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.
Ancho | Alto | Ejemplos |
---|---|---|
100px | Alto mínimo de 100px | Ejemplo |
8. Recompensas:
Ancho | Alto |
---|---|
Variable | Alto: 220px |
9. Retos:
Ancho | Alto |
---|---|
Variable | Alto: 216px |