Este artículo está traducido automáticamente del inglés
¿Qué son las imágenes en nuestra plataforma?
Tu plataforma permite la personalización visual mediante imágenes o gráficos diseñados. Estos elementos visuales mejoran la participación del usuario y proporcionan un aspecto profesional y de marca.
Estos son los principales lugares donde se utilizan las imágenes:
Banner de la página de inicio
Tarjeta de proyecto o carpeta (en la configuración del proyecto/carpeta; visible en la página de inicio o dentro de las carpetas)
Banner del proyecto o carpeta (ver imagen de cabecera en la configuración del proyecto/carpeta; aparece en la parte superior de la página del proyecto/carpeta)
Tarjeta de entrada (idea) (se muestra encima de las entradas individuales o en los resúmenes de entradas)
Logotipo
Imágenes in-text
Propuestas
Tarjetas de eventos
¿Cuáles son los requisitos de los archivos de imagen?
Para mantener la claridad:
Utiliza formatos PNG o JPG
El tamaño del archivo no debe superar los 10 MB
Utiliza una resolución de al menos 72 ppp (puntos por pulgada)
💡 Unos ppp más altos garantizan que tu imagen aparezca nítida y no pixelada.
¿Cuáles son los requisitos para los archivos adjuntos en la plataforma?
Cada archivo (por ejemplo, imagen, PDF) puede tener un máximo de 50 MB
Sin límite de adjuntos por proyecto
Sin embargo, subir muchos archivos grandes puede ralentizar el rendimiento
⚠️ Los archivos adjuntos se descargan automáticamente al hacer clic.
💡 Si quieres que el archivo se abra en una pestaña nueva, utiliza la herramienta de hipervínculo para insertar una URL directa al archivo alojado en línea.
¿Cuáles son las dimensiones recomendadas para las diferentes imágenes de la plataforma?
Banner de la página de inicio
Dimensiones recomendadas: 1440 × 480 px
Relación de aspecto: 3:1
En móvil: normalmente se muestra más cerca de 1:1
ℹ️ Puedes elegir diferentes estilos de banner (consulta la siguiente sección).
Tarjeta de proyecto/carpeta
Dimensiones: 1400 × 1050 px
Relación de aspecto: 4:3
En móvil: mantiene la proporción 4:3
Banner de proyecto/carpeta
Dimensiones: 1800 × 600 px
Relación de aspecto: 4:1
En móvil: cultivos a aprox. 3:1
Tarjeta de entrada (idea)
Dimensiones: 1024 × 1024 px
Relación de aspecto: 1:1
En móvil: cultivos a 2:1 o 3:1
Logotipo
Altura mínima: 48px
Relación: 2:1
Aparece en la esquina superior izquierda del menú de navegación
Tarjeta de propuesta
Dimensiones: 1000 × 500 px
Relación: 2:1
Se muestra en la página de resumen de la propuesta
Tarjeta de evento
Dimensiones: 1800 × 600 px
Relación: 3:1
Aparece en la parte inferior de las páginas del proyecto y en la pestaña Eventos
Imágenes in-text
Puede añadirse en descripciones de proyectos/fases o encuestas
Los títulos son obligatorios para la accesibilidad
Redimensionable en campos de texto normales pero no en constructores de contenido
¿Cuáles son las diferentes opciones de visualización de banners en la página de inicio?
Puedes elegir entre 3 opciones de diseño para el banner de tu página de inicio:
Banner de ancho completo
Ofrece el mayor impacto visual
Recorta más la imagen
Lo mejor para elementos visuales abstractos y decorativos sin texto
Banner de dos filas
El título, el subtítulo y el botón aparecen debajo de la imagen
Útil si tu imagen no combina bien con el texto superpuesto
Banner de proporción fija
Proporción recomendada: 3:1
Mantiene una zona de exposición coherente
Al subir, puedes arrastrar la imagen para elegir qué parte permanece visible
⚠️ Independientemente del diseño, evita utilizar texto dentro de la imagen, ya que puede quedar recortado en pantallas pequeñas.
¿Cómo cambiar el tamaño de las imágenes en la plataforma?
En los cuadros de texto normales, puedes cambiar el tamaño arrastrando las esquinas de la imagen.
En las áreas del constructor de contenido (por ejemplo, constructor de página de inicio, descripción del proyecto), no es posible cambiar el tamaño de esta forma, las imágenes conservan su tamaño original. Hay un truco que puedes utilizar si necesitas cambiar el tamaño de una imagen dentro del constructor de contenido. Puedes utilizar columnas dentro de columnas para hacer la imagen más pequeña.
💡 Reduce visualmente el tamaño de las imágenes en el constructor de contenidos utilizando columnas dentro de columnas.