Guía del encabezado de X (Twitter) y de los elementos visuales de las publicaciones
Diseñe un encabezado de X de 1500 x 500 px sin nada vital en los 60 px superiores e inferiores y cree imágenes de publicaciones con la misma tipografía, colores y márgenes.
Cree su encabezado de X con 1500 x 500 px, el tamaño que X recomienda, y mantenga cada palabra y cada logotipo fuera de los 60 px superiores e inferiores, porque X dice que esa franja puede recortarse en algunas pantallas. Para las imágenes de las publicaciones, elija una proporción entre 2:1 y 3:4 para que una sola foto se muestre completa, y reutilice la tipografía, los colores y los márgenes del encabezado para que su perfil y sus publicaciones se perciban como una sola marca.
Esta guía trata del diseño. Para la tabla completa de tamaños de imagen de X y los recortes de varias imágenes, consulte nuestra guía de tamaños de imagen de X. Los datos de la plataforma que siguen proceden del Centro de ayuda de X, consultado el 5 de octubre de 2026. Todo lo que figura como recomendación nuestra es un criterio propio, no una norma de X.
¿Qué tamaño tiene el encabezado de X y qué se recorta?
X indica para el encabezado, al que también llama banner, 1500 x 500 píxeles, una proporción de 3:1. Su página de solución de problemas añade el detalle más importante para el diseño: incluso con el tamaño recomendado, pueden recortarse 60 píxeles por arriba y por abajo, según el monitor y el navegador.
| Elemento | Qué dice X | Fuente |
|---|---|---|
| Encabezado (banner) | 1500 x 500 px recomendado; JPG, GIF o PNG; sin GIF animados | Personalizar el perfil |
| Recorte del encabezado | Pueden recortarse hasta 60 px por arriba y por abajo | Ayuda sobre la foto de perfil |
| Foto de perfil | 400 x 400 px recomendado; JPG, GIF o PNG; máximo de 2 MB | Ayuda sobre la foto de perfil |
| Biografía | máximo de 160 caracteres | Personalizar el perfil |
| Foto única en una publicación | las proporciones de 2:1 a 3:4 se muestran completas; fotos de hasta 5 MB; GIF, JPEG o PNG | Publicar fotos |
| Descripción de la imagen (texto alternativo) | hasta 1000 caracteres, legible para todos | Descripciones de imágenes |
El Centro de ayuda de X no indica un límite de tamaño de archivo para las imágenes del encabezado; la cifra de 2 MB se da para las fotos de perfil. Nuestra guía de tamaños de imagen de X señala que la documentación para desarrolladores de X también admite WEBP en las publicaciones, un formato que la página del Centro de ayuda no menciona.
Esta es la aritmética del área segura. Si quita 60 px por arriba y por abajo a un encabezado de 500 px de alto, quedan 380 px, así que su franja segura es de 1500 x 380 px, algo menos de 4:1. En un móvil de unos 390 puntos de ancho, todo el encabezado se escala por 390 / 1500 = 0,26, lo que deja la franja segura con solo unos 99 puntos de alto. Ese es el espacio en el que tiene que caber su mensaje.
¿Dónde colocar el texto y los logotipos en un encabezado de X?
Dentro de la franja central, lejos de los bordes y lejos de la foto de perfil. X no documenta dónde se superpone la foto de perfil redonda al encabezado, y la superposición difiere entre la aplicación y la web. Nuestra recomendación es mantener libre de todo lo importante el cuarto inferior izquierdo y comprobar su perfil real tanto en un móvil como en un ordenador después de subirlo.
Este diseño mantiene el titular en la franja central, a 72 px en el lienzo de 1500 px, lo que equivale a unos 19 puntos en un móvil de 390 puntos (72 x 0,26). La pequeña etiqueta AURORA que lo precede mide solo 6 px, así que considérela una textura: nadie la leerá en tamaño de móvil.
Veamos ahora un diseño pensado para una publicación cuadrada, estirado hasta convertirlo en encabezado:
La franja negra superior y la franja verde inferior, con todas sus etiquetas, quedan por completo dentro de las franjas de 60 px que X dice que pueden recortarse. El titular sobrevive, pero el encuadre no. En nuestra opinión, este es el error más común en los encabezados: un diseño que depende de sus bordes. Mantenga la decoración de los bordes como algo opcional, de modo que perderla no cambie nada.
Nuestras reglas para el encabezado (recomendación nuestra, no normas de X):
- Como máximo una línea de texto, o un titular corto en dos líneas. La biografía se encarga de explicar.
- Texto de 48 px o más en el lienzo de 1500 px (unos 12,5 puntos en un móvil) y titular de 72 px o más.
- Nada importante en los 60 px superiores, los 60 px inferiores ni el cuarto inferior izquierdo.
- Ningún botón de llamada a la acción dibujado en el encabezado. No se puede pulsar, y el enlace real va en la biografía o en una publicación fijada.
- Actualícelo cuando cambie su campaña y luego restáurelo. Un banner de lanzamiento obsoleto envejece todo el perfil.
¿Cómo diseñar los elementos visuales de las publicaciones de X?
Una imagen de publicación tiene una función distinta a la del encabezado: compite en un feed, en tamaño pequeño, junto a las publicaciones de otras personas. El Centro de ayuda de X dice que una sola foto con una proporción entre 2:1 y 3:4 se muestra completa y que lo que ve en el editor es lo que obtiene. Dentro de ese rango, elija según el contenido:
| Tipo de publicación | Proporción que recomendamos | Por qué |
|---|---|---|
| Anuncio, notas de versión | 16:9 (1200 x 675 px) | Coincide con la tarjeta horizontal del feed y con las vistas previas de enlaces |
| Cita, dato, opinión | 1:1 (1080 x 1080 px) | Reutilizable en otras redes |
| Paso, lista de comprobación, gráfico | 4:5 o 3:4 | Un lienzo más alto admite más líneas en un tamaño legible |
Este diseño de notas de versión comparte tipografía, líneas y márgenes con las publicaciones cuadradas de la misma marca, así que se percibe como parte de una familia. Mantenga los titulares de las publicaciones en dos o tres líneas y ponga el detalle en el texto de la publicación.
Escriba siempre una descripción de la imagen. X permite hasta 1000 caracteres, dice que la descripción es el único lugar garantizado donde se describe una imagen y señala que todo el mundo puede leerla. Si la imagen contiene palabras, inclúyalas en la descripción.
¿Cómo funcionan el encabezado y las publicaciones como un solo sistema?
Trate el encabezado como la portada de su perfil y las publicaciones como sus páginas. Quien pulse su nombre ve el encabezado, la foto de perfil y sus imágenes recientes juntos, así que deben compartir los mismos elementos.
| Elemento | Encabezado | Elemento visual de la publicación |
|---|---|---|
| Tipografía | Tipografía de titulares de la marca | La misma tipografía y grosores |
| Colores | Fondo de la marca, un color de acento | El mismo fondo y acento |
| Márgenes | Dentro de la franja segura de 1500 x 380 px | Al menos el 5 por ciento desde cada borde |
| Logotipo | Opcional: la foto de perfil ya lo incluye | Pequeño, en la misma esquina cada vez |
| Cantidad de texto | Una línea corta | Titular de dos o tres líneas |
| Renovación | Con cada campaña | En cada publicación, desde una plantilla fija |
En Chikaboom, un diseñador crea el encabezado y cada diseño de publicación una sola vez con estas reglas bloqueadas, y los compañeros solo rellenan el texto, que se reduce dentro de su caja en lugar de desbordarse hacia los bordes. Puede probar los diseños en la demo en vivo.
Para el mismo enfoque en otras redes, consulte nuestro centro sobre diseño de carruseles de Instagram, la guía para reutilizar un mismo elemento visual en varias plataformas y si Threads y Bluesky necesitan sus propios elementos visuales.
Lista de comprobación antes de actualizar su perfil de X
- Encabezado exportado a 1500 x 500 px en JPG o PNG, sin animación.
- Nada importante en los 60 px superiores ni en los 60 px inferiores.
- Cuarto inferior izquierdo libre para la foto de perfil.
- Texto del encabezado de 48 px o más, titular de 72 px o más.
- Foto de perfil de 400 x 400 px, menos de 2 MB, legible como un círculo pequeño.
- Imágenes de las publicaciones entre 2:1 y 3:4, creadas con la misma tipografía y los mismos colores que el encabezado.
- Una descripción de la imagen en cada imagen de publicación, incluidas las palabras que contenga.
- Perfil real comprobado en un móvil y en un ordenador después de subirlo.
Preguntas frecuentes
¿Qué tamaño tiene la imagen del encabezado de X?
X recomienda 1500 x 500 px para el encabezado (banner) y 400 x 400 px para la foto de perfil. Ambos aceptan JPG, GIF o PNG, y los GIF animados no se admiten en ninguno de los dos.
¿Por qué se recorta mi encabezado de X?
El Centro de ayuda de X indica que, incluso con el tamaño recomendado, pueden recortarse hasta 60 px por arriba y por abajo según el monitor y el navegador. Mantenga el texto y los logotipos dentro de los 380 px centrales de altura.
¿Dónde tapa la foto de perfil el encabezado?
X no documenta la superposición. Nuestra recomendación es mantener libre de texto la zona inferior izquierda del encabezado y comprobar el resultado en su propio perfil, en un móvil y en un ordenador.
¿Deben las imágenes de las publicaciones de X combinar con el encabezado?
Esa es nuestra recomendación: use la misma tipografía, los mismos colores y márgenes en ambos, para que quien abra su perfil vea una sola marca. Los formatos son distintos, así que cree cada uno a partir de su propia plantilla.