Resumen: Speakap utiliza tres elementos de logo: un Avatar de Red cuadrado, un Favicon cuadrado y un Logo de Red rectangular. Esta guía explica para qué sirve cada uno, las especificaciones técnicas y cómo subirlos.
1. Diferencias visuales y especificaciones
Tu imagen de marca está dividida en dos elementos distintos, para que la identidad de tu empresa se muestre bien en todas las áreas de la plataforma.
| Elemento de marca | Dónde aparece | Forma y proporción ideal | Dimensiones mínimas | Tamaño máximo / tipo de archivo |
| Avatar de Red | Pantalla de inicio de sesión y favicon. | Cuadrado (proporción 1:1). | 250px por 250px. | Formatos web estándar. |
| Favicon | Pestaña del navegador | Cuadrado (proporción 1:1). | 512px por 512px. | Formatos web estándar. |
| Logo de Red | Encabezado de la plataforma. | Rectangular (proporción 15:4). | 120px (ancho) por 32px (alto). | Máx. 20MB; se recomienda PNG para transparencia. |
2. Gestión del Avatar de Red
El Avatar de Red se muestra como un cuadrado en el favicon y en la página de inicio de sesión.
- Qué debes hacer: Simplemente sube el archivo de tu logo corporativo existente en el espacio del avatar.
- Recortador integrado: Si tu imagen original es más grande o contiene espacio extra de fondo, utiliza la herramienta de recorte integrada durante la subida. La herramienta está bloqueada en forma cuadrada, para que puedas seleccionar y guardar tu área preferida al instante.
3. Gestión del Logo de Red
El Logo de Red está diseñado para ubicarse dentro del encabezado superior de navegación. Debido a que el espacio del encabezado es horizontal, los logos cuadrados se distorsionan; tu elemento subido debe ser rectangular.
Mejores prácticas para el Logo de Red:
- Evita la distorsión: Siempre mantén la proporción entre el ancho y el alto de tu imagen. Para un ajuste limpio, diseña tu gráfico para que coincida con la proporción ideal 15:4.
- Usa transparencia: Recomendamos encarecidamente subir tu elemento como un archivo PNG si tu logo necesita un fondo transparente.
- Previsualiza tu trabajo: Usa la ventana de previsualización del administrador para ver cómo se ve tu logo sobre el color del tema personalizado de tu banner elegido. Comprueba el resultado en varios tipos de dispositivos para asegurarte de que se mantenga nítido y legible.
- Herramienta de recorte: Al igual que en la configuración del avatar, una herramienta de recorte rectangular integrada te ayuda a encuadrar tu imagen perfectamente durante la subida.
4. Actualización de la configuración de tu logo
Para subir tus elementos de marca, ve a:
Configuración de red > Apariencia > Tema > General.
Nota: En la parte superior de la página de configuración General verás un interruptor para cambiar entre Configuración original y Nueva configuración de diseño. Ambos diseños siguen siendo compatibles, por lo que puedes alternar entre las dos versiones mientras finalizas tus elementos rectangulares.
¿Aún tienes problemas?
Envíanos un correo a support@speakap.com con el nombre de tu red y el archivo del logo que intentas subir, y te ayudaremos.