Identidad visual

Identidad visual es donde subes el logotipo que aparece en el encabezado de tu sitio público (y también en los paneles de inicio de sesión y de creación de cuenta de tus socios, en tu franja del día de partido y en los carteles QR en A4 que imprimes), además del favicon (el pequeño ícono de las pestañas del navegador). La encuentras en la barra lateral de administración, en Identidad visual, junto a Tema y Navegación.

Quién puede usar esto

Cualquier persona con un rol de administrador o moderador en tu organización puede gestionar la identidad visual. Cada cambio queda registrado en el registro de actividad de tu organización.

Qué hay en la página

Arriba verás una tarjeta Identidad visual actual con una vista previa del encabezado, para que veas aproximadamente cómo se verán tu logotipo y tu nombre en el sitio publicado, y si hay un favicon configurado. Debajo, la tarjeta Logotipo y favicon tiene dos secciones, una para cada imagen, donde subes, reemplazas o quitas tus archivos.

Paso a paso

Sube o reemplaza tu logotipo

1. En la sección Logotipo, selecciona Subir logotipo… (o Reemplazar logotipo… si ya hay uno), o arrastra un archivo de imagen a la zona punteada.
2. Si el archivo supera el límite de tamaño, lo redimensionamos por ti automáticamente: consulta Se redimensionó automáticamente un archivo grande, más abajo.
3. La vista previa del logotipo aparece al instante. Si ya hay una imagen, verás una comparación Actual → Nuevo una al lado de la otra.
4. Si la imagen es pequeña o de baja calidad, un aviso en ámbar sugiere un tamaño mejor; igual puedes conservarla.
5. Completa el campo Texto alternativo para que los lectores de pantalla puedan describir tu logotipo (por defecto es el nombre de tu organización seguido de "logo").
6. Selecciona Guardar identidad visual en la barra de la parte inferior de la página para aplicar tus cambios.

Sube o reemplaza tu favicon

1. En la sección Favicon, selecciona Subir favicon… (o Reemplazar favicon…), o arrastra una imagen cuadrada a la zona para soltar archivos.
2. Si la imagen no es cuadrada o mide menos de 48×48px, verás un aviso: las pestañas del navegador esperan un ícono cuadrado.
3. Selecciona Guardar identidad visual para aplicarlo.

Se redimensionó automáticamente un archivo grande

Si la imagen que subes supera el límite de tamaño, no tienes que hacer nada: la reducimos en tu navegador antes de enviarla, así que nunca verás un rechazo sin más solo por el tamaño del archivo.

• Verás una nota debajo de la zona para soltar archivos con el tamaño original y el nuevo, por ejemplo: "Esa imagen pesaba 8.2 MB, así que la redimensionamos a 1.4 MB por ti".
• Tu logotipo siempre se muestra sobre el color de tu identidad, nunca sobre un fondo blanco sin más: la tarjeta Identidad visual actual de arriba muestra justamente esa franja. Es igual en todos los lugares donde aparece el logotipo, incluidos los carteles impresos, así que un logotipo dibujado en blanco para un encabezado de color sigue siendo legible en lugar de perderse en la página.
• Se conserva un fondo transparente (lo habitual en un logotipo de club guardado como PNG): comprobamos si la imagen tiene transparencia en lugar de deducirlo por el tipo de archivo, y usamos un formato que la conserva en lugar de uno que pintaría un recuadro negro o blanco detrás de tu logotipo.
• Los GIF no se redimensionan automáticamente, porque al volver a codificarlos un GIF animado podría quedar reducido a una sola imagen fija. Si un GIF demasiado grande no se sube, guarda primero una versión más pequeña por tu cuenta.
• Si el archivo sigue siendo demasiado grande después de redimensionarlo, o tu navegador no puede abrirlo, verás un error que explica qué hacer.

Quita un logotipo o un favicon

1. En la sección que corresponda, selecciona Quitar logotipo o Quitar favicon. La vista previa muestra que se eliminará.
2. ¿Cambiaste de idea? Selecciona Deshacer eliminación antes de guardar.
3. Selecciona Guardar identidad visual para confirmar.

Descarta un archivo subido sin guardar

Si subiste una imagen nueva pero todavía no guardaste, selecciona Descartar archivo para dejarla de lado y conservar lo que tenías.

Referencia de campos

Formatos de imagen aceptados: PNG, JPEG, GIF, WebP o AVIF. No se aceptan las fotos HEIC (el formato predeterminado de los iPhone recientes): conviértelas primero a JPEG o PNG y luego sube ese archivo.

Consejos y preguntas frecuentes

• ¿Dónde está la opción "mostrar el nombre del club junto al logotipo"? Ese interruptor está en la página Navegación, no aquí.
• No pasa nada después de subir. Subir solo deja la imagen pendiente: debes seleccionar Guardar identidad visual para publicarla. Hasta que lo hagas, tu sitio publicado no cambia.
• Mi logotipo se ve borroso. Apunta a una imagen ancha de unos 400×120px o más. El aviso que aparece es una sugerencia, no un bloqueo.
• Mi archivo era demasiado grande, ¿tengo que reducirlo yo? No. Si supera el límite de tamaño, lo redimensionamos automáticamente en tu navegador y te decimos qué hicimos. Solo tienes que hacer algo si la nota dice que sigue siendo demasiado grande después de redimensionarlo.
• ¿Redimensionar arruinará el fondo transparente de mi logotipo? No: comprobamos si la imagen tiene transparencia y la conservamos, en lugar de deducirlo por el tipo de archivo.
• Mi foto no se sube de ninguna manera, y la tomé con un iPhone. Probablemente sea un archivo HEIC. Ábrelo en Fotos o en Vista Previa, expórtalo como JPEG o PNG y sube ese archivo.
• No se pudo guardar. Si falla un guardado, una ventana emergente explica por qué. Revisa el tamaño y el formato del archivo y vuelve a intentarlo.
• La identidad visual se combina con los colores de tu Tema para definir el aspecto general de tu sitio. ¿Vas a agregar una dirección web propia? Consulta Dominios.