LinkedInBrandingDesign

LinkedIn Banner y Marca Visual: Guía de Diseño

Diseña un banner de LinkedIn que venda tu posicionamiento. Dimensiones, propuesta de valor, CTA, prueba social e identidad visual para perfiles y empresas.

Dan — Founder, SocialKit11 min read

La mayoría de los perfiles de LinkedIn tienen el mismo aspecto a primera vista: un banner azul pálido por defecto, una foto de perfil ligeramente mal recortada y un titular que parece el título de un puesto en un currículum. Cuando alguien llega a tu perfil —ya sea porque siguió un comentario, hizo clic desde un DM o buscó tu nombre en Google— tienes aproximadamente tres segundos antes de que decida seguir leyendo o marcharse.

El banner y el tratamiento visual de tu perfil es lo primero que ven, y realiza la mayor parte de ese trabajo de tres segundos antes de que llegue una sola palabra de tu bio. Sin embargo, la inmensa mayoría de los usuarios de LinkedIn tratan el banner como decoración en el mejor de los casos, y como algo secundario en el peor.

Esta guía trata la marca visual de LinkedIn como lo que realmente es: una declaración de posicionamiento. No una portada de portfolio, no un fondo de pantalla — una propuesta breve y legible de por qué alguien debería prestarte atención a ti o a tu empresa. Cubriremos las especificaciones dimensionales que necesitas, las capas estratégicas que hacen que un banner convierta, y cómo extender la coherencia visual desde tu perfil personal hasta una página de empresa.

Por Qué tu Banner Es tu Propuesta Above the Fold

Piensa en el diseño del perfil de LinkedIn como lo harías con una landing page. Por encima del fold —antes de que el visitante haga scroll— ve: tu banner, tu foto de perfil, tu nombre, tu titular y tu ubicación. Ese conjunto de elementos forma la primera impresión.

El banner ocupa todo el ancho de la zona above the fold. En escritorio domina. En móvil es más pequeño pero sigue siendo el primer impacto visual. Un banner en blanco o genérico transmite una de dos cosas: que no has pensado en tu posicionamiento, o que no te tomas en serio cómo te presentas profesionalmente. Ninguna de las dos es buena para generar confianza.

Un banner que funciona hace lo contrario — cuenta una historia específica antes de que alguien lea tu titular. Puede mostrar una credencial, una propuesta de valor, una llamada a la acción, o simplemente señalar mediante la calidad del diseño que te tomas tu trabajo en serio.

Dimensiones y Especificaciones Técnicas

Antes de abrir una herramienta de diseño, asegúrate de tener los números correctos. Consulta la guía de tamaño del banner de LinkedIn para ver las especificaciones verificadas completas. En el momento de escribir esto, el banner del perfil personal se renderiza a 1584 × 396 píxeles. Para páginas de empresa, las dimensiones son diferentes — revisa la página de tamaño del banner de empresa de LinkedIn antes de exportar, ya que LinkedIn ajusta ocasionalmente los recortes y la compresión.

Notas prácticas clave:

  • Superposición de la foto de perfil: Tu foto de perfil circular se coloca en la esquina inferior izquierda, superponiéndose al banner. Deja el 20% inferior izquierdo del banner libre — cualquier elemento importante allí quedará oculto o tapado en la mayoría de los tamaños de pantalla.
  • Recorte en móvil: LinkedIn recorta el banner en móvil, cortando los laterales. Mantén el texto más importante y los elementos visuales centrados o hacia el centro-derecha para que sobrevivan al renderizado en móvil.
  • Formato de archivo: JPEG comprime mejor las fotografías; PNG si usas diseño plano, texto o elementos transparentes.
  • Texto en tamaños pequeños: LinkedIn renderiza los banners comprimidos. Prueba tu exportación a la anchura de renderizado real en un dispositivo real antes de publicar. El texto que parece nítido a tamaño completo puede verse muy borroso cuando se comprime.
ElementoPerfil PersonalPágina de Empresa
Dimensiones del banner (px)1584 × 396Ver especificaciones de banner de empresa
Zona segura para textoCentro-arriba a la derechaCentro-arriba
EvitarAbajo-izquierda (superposición foto)Abajo-izquierda (superposición logo)
Tamaño máximo de archivo (al escribir)8 MB8 MB

Las Cuatro Capas Estratégicas de un Banner que Convierte

Un banner no son solo píxeles — es una jerarquía de comunicación. Los mejores banners de LinkedIn superponen estos cuatro elementos por orden de prioridad:

1. La Línea de Claridad

Una declaración en lenguaje sencillo de qué haces y para quién. No un eslogan. No un tagline. Una frase que un desconocido pueda leer en dos segundos y entender inmediatamente tu propuesta.

Mal: "Ayudando a las marcas a desbloquear su potencial" Bien: "Copywriter B2B para SaaS — convirtiendo funcionalidades técnicas en pipeline"

La línea de claridad es el espacio de mayor valor en tu banner. Ponla en tipografía legible, alto contraste, y colócala de forma que quede fuera de la zona de superposición de la foto de perfil.

2. El Gancho de Prueba

Una señal de credibilidad que hace creíble la línea de claridad. Las opciones incluyen:

  • Un logotipo de cliente (si tienes permiso)
  • Un logotipo de publicación donde hayas aparecido
  • Un número: no datos inventados, sino algo verificable ("7 años, más de 60 proyectos")
  • Un título o afiliación ("Ex [tipo de empresa] → Ahora independiente")

Un solo punto de prueba es suficiente. Apilar cinco logos convierte el banner en una diapositiva saturada que diluye todo. Elige tu señal más potente.

3. La Llamada a la Acción

Dile al visitante qué hacer a continuación. Esto es opcional en perfiles personales pero muy rentable en páginas de empresa. Un CTA corto como "Abierto a consultoría — escríbeme un DM" o "Llamada estratégica gratuita — enlace en la sección destacada" convierte a los navegantes pasivos en potenciales clientes. Mantenlo corto, específico, y asegúrate de que la acción esté disponible de inmediato (no apuntes a un enlace que está tres scrolls más abajo).

Para profundizar en la mecánica de la llamada a la acción, nuestro glosario explica por qué la especificidad supera a las propuestas genéricas.

4. Coherencia Visual

La paleta de colores, el peso tipográfico y el estilo general de diseño deben mantenerse desde el banner hasta cualquier imagen que publiques, el tratamiento de tu foto de perfil y — si corresponde — tu página de empresa. No necesitas un sistema de diseño. Necesitas coherencia: si tu banner es azul marino oscuro y blanco, tus slides de carrusel no deberían ser naranja brillante. El ojo debería conectar inmediatamente "misma persona, misma marca".

Diseñar el Banner Sin Ser Diseñador

No necesitas Figma ni Illustrator. Las herramientas que funcionan bien para no diseñadores en esto:

Canva — tiene plantillas específicas para LinkedIn con las dimensiones correctas. El nivel gratuito es suficiente para la mayoría de los perfiles personales. Cuidado: las plantillas hacen que tu perfil se parezca al de miles de personas. Toma una plantilla, elimina las imágenes de stock, cambia los colores por algo que encaje con tu voz de marca, y escribe tu propio texto.

Adobe Express — similar a Canva con algo más de flexibilidad en el renderizado de texto. También ofrece plantillas del tamaño de LinkedIn.

Figma (gratuito) — vale la pena aprenderlo si te tomas en serio la marca visual coherente en todos los canales. También te permite crear un frame con tus colores de marca exactos y exportar a las dimensiones de píxeles correctas cada vez.

Sea cual sea la herramienta que uses, trabaja a resolución completa (1584 × 396 para perfil personal), luego exporta y sube. Si algo aparece borroso, comprime con menos agresividad — una calidad JPEG por encima del 80% suele sobrevivir a la compresión de LinkedIn sin artefactos visibles.

Para redimensionar assets en varias plataformas sin perder calidad, la herramienta de redimensionado de imágenes gestiona las exportaciones por lotes a las dimensiones específicas de cada plataforma.

Marca Visual en la Página de Empresa

Los banners de página de empresa tienen dimensiones diferentes (consulta las especificaciones de tamaño del banner de empresa de LinkedIn) y cumplen una función ligeramente distinta. En lugar del posicionamiento personal, el banner de una empresa vende una promesa de marca a clientes potenciales, empleados y socios al mismo tiempo.

El mismo marco de cuatro capas se aplica, pero pondera los elementos de forma diferente:

  • Línea de claridad → la categoría de tu empresa y su valor diferenciado ("Programación de redes sociales para 11 plataformas, sin tarifas por red")
  • Gancho de prueba → resultados de clientes, si son atribuibles, o la escala de lo que haces
  • CTA → a menudo "Estamos contratando" o "Pruébalo gratis" según tu prioridad de crecimiento actual
  • Coherencia visual → debe ser idéntica a la estética del encabezado de tu sitio web; la página de empresa y el sitio deben sentirse como una sola marca

Las páginas de empresa también tienen un logotipo que se coloca sobre la esquina inferior izquierda, de forma similar a como la foto de perfil se superpone en los perfiles personales. Mantén la misma regla de zona segura: no coloques elementos visuales clave ni texto en esa esquina.

Foto de Perfil y Coherencia Visual

El banner no funciona de forma aislada. Tu foto de perfil es el otro visual above the fold, y los dos deben complementarse en lugar de competir.

Para perfiles personales:

  • Usa una foto de cabeza real, no un logotipo (LinkedIn penaliza el alcance de los perfiles que usan logotipos como foto de perfil en cuentas personales, en el momento de escribir esto)
  • El color de fondo coherente entre la foto y el banner ayuda al ojo a leerlos como un diseño unificado
  • Algunas marcas usan un borde de color en la foto de perfil que coincide con la paleta del banner — un pequeño detalle que se registra de forma subconsciente como "esta persona ha pensado en su presentación"

Para las páginas de empresa, un logotipo funciona bien como imagen de perfil — mantenlo limpio sobre un fondo blanco o transparente para que se lea claramente en tamaños pequeños.

Extender tu Marca por Todo el Perfil

Más allá del banner, tu identidad visual vive en varios otros lugares que la mayoría de la gente ignora:

La sección Destacado — se encuentra justo debajo de la sección Acerca de y te permite anclar publicaciones, artículos o enlaces externos con una miniatura. Úsala para anclar contenido con miniaturas visualmente coherentes. Una fila de capturas de pantalla aleatorias parece caótica; una fila de portadas de artículos con marca coherente parece intencional.

Imágenes de publicaciones y carruseles — cada imagen que publicas en LinkedIn es una extensión de tu marca visual. Si tu banner es limpio y minimalista, un gráfico de publicación con un diseño saturado rompe inmediatamente la asociación. Consulta las especificaciones de tamaño de publicación de LinkedIn para las dimensiones de imagen que se renderizan sin recortes.

Imágenes de portada de artículos — los artículos nativos de LinkedIn muestran una imagen de portada. Usa la misma paleta que tu banner. Considérala una extensión del mismo sistema visual.

Construir pilares de contenido en LinkedIn con plantillas visuales coherentes por tipo de pilar es una de las formas más eficientes de mantener la coherencia de diseño sin pasar horas diseñando cada publicación.

Errores Comunes y Cómo Corregirlos

Usar una foto de stock genérica como banner — Una foto de un skyline de ciudad o un portátil sobre un escritorio no comunica nada sobre ti. Ocupa el espacio sin decir nada. Cámbiala por un diseño plano o un gráfico de marca sencillo que incluya al menos tu línea de claridad.

Poner todo en texto pequeño — LinkedIn comprime las imágenes del banner. El texto por debajo de unos 24pt en el archivo original suele volverse ilegible al renderizarse. Si no puedes leerlo claramente en tu teléfono, tus visitantes tampoco podrán.

Marca no coherente entre perfil personal y página de empresa — Si diriges una empresa, tu perfil personal y la página de empresa deben sentirse relacionados. No tienen que ser idénticos, pero un visitante que comprueba ambos debería percibir que son el mismo ecosistema.

No actualizar nunca el banner — Tu banner debe reflejar tu posicionamiento actual, no dónde estabas hace tres años. Si tu propuesta ha cambiado, actualiza la línea de claridad. Una revisión trimestral es una cadencia razonable.

Ignorar el renderizado en móvil — La mayor parte de la navegación en LinkedIn ocurre en móvil. Diseña primero para escritorio (es más fácil a resolución completa), pero siempre previsualiza en un teléfono antes de publicar. La guía de optimización del perfil de LinkedIn cubre la lista de verificación completa del perfil incluyendo comprobaciones en móvil.

Lista de Verificación Antes de Publicar

Repasa esto antes de subir tu banner definitivo:

  • Dimensiones correctas para el tipo de perfil (personal vs. empresa)
  • Línea de claridad visible y legible a tamaño comprimido
  • La zona segura inferior izquierda está libre de contenido clave
  • El texto supera la prueba de contraste sobre el color de fondo
  • Vista previa en móvil realizada — el texto sigue siendo legible
  • CTA incluido si es relevante y el recurso vinculado está activo
  • Coherente con la foto de perfil y la paleta del contenido publicado

La página del programador de LinkedIn muestra cómo SocialKit gestiona la publicación en LinkedIn si quieres vincular una cadencia de publicación coherente con el trabajo de marca que haces aquí.

Conclusión

Tu banner de LinkedIn no es un espacio para fondos de pantalla — es la primera frase de tu propuesta profesional. Un banner bien estructurado con una propuesta de valor clara, un punto de prueba sólido y un CTA opcional puede convertir a los visitantes del perfil en contactos, consultas y oportunidades antes de que lean una sola línea de tu bio.

La inversión es pequeña: una hora para construir una plantilla, un conjunto coherente de colores de marca y una línea de claridad que diga realmente lo que haces. Esa hora rinde dividendos cada vez que alguien llega a tu perfil.