# Tamaño del encabezado de Twitter: encabezado e imágenes de X

[Canonical HTML page](https://gradiently.design/es/guide/x-header-size)

El encabezado de X es ancho, bajo y queda en parte tapado por tu foto de perfil. Aquí tienes el tamaño, la zona que hay que dejar libre, ideas de qué poner y los tamaños correctos para las imágenes de las publicaciones.

## The short version

- El tamaño del encabezado de Twitter en X es de 1500×500 píxeles, una proporción 3:1.
- La foto de perfil se superpone a la parte inferior izquierda del encabezado, así que deja las palabras y los logotipos fuera de esa esquina.
- Cada pantalla muestra un recorte algo distinto del encabezado, así que mantén lo importante en la franja central, lejos de los bordes superior e inferior.
- Las imágenes de las publicaciones de X funcionan mejor a 1600×900 en horizontal (16:9) o a 1080×1350 en vertical (4:5).
- Un encabezado funciona mejor como un fondo sencillo y reconocible con una sola línea corta, no como un póster abarrotado.

El **tamaño del encabezado de Twitter** en X es de 1500×500 píxeles, un banner ancho de 3:1. Tu foto de perfil queda sobre su esquina inferior izquierda, y cada pantalla recorta un poco por arriba y por abajo, así que mantén las palabras y los logotipos en el centro y a la derecha del banner, lejos de los bordes. Para las imágenes dentro de las publicaciones, usa 1600×900 en horizontal o 1080×1350 en vertical.

## Tamaños de imagen de X de un vistazo

| Formato | Tamaño (px) | Proporción | Notas |
| --- | --- | --- | --- |
| Encabezado | 1500×500 | 3:1 | La foto de perfil tapa la parte inferior izquierda |
| Imagen de publicación, horizontal | 1600×900 | 16:9 | La forma clásica del timeline |
| Imagen de publicación, vertical | 1080×1350 | 4:5 | Ocupa más alto en el timeline de los móviles |
| Imagen de tarjeta de enlace | 1200×630 | 1,91:1 | Sale de la imagen Open Graph de la página enlazada |

Tamaños de subida recomendados para X. La imagen de la tarjeta de enlace se define en tu web, no se sube a X; mira [tamaño de la imagen Open Graph](https://gradiently.design/es/guide/open-graph-image-size).

- Encabezado 3:1: 1500 × 500
- Publicación 16:9: 1600 × 900
- Publicación vertical 4:5: 1080 × 1350

Las tres formas de X dibujadas a escala. El encabezado es la única en la que algo queda encima de tu diseño.

## Dónde tapa la foto de perfil el encabezado

Tu foto de perfil redonda se superpone a la parte inferior izquierda del encabezado tanto en móviles como en ordenadores. Todo lo que pongas ahí, como un logotipo, una fecha o el final de un titular, quedará oculto o parecerá apretado contra el borde de la foto. Además, el encabezado no se muestra exactamente a 3:1 en todas las pantallas, así que puede recortarse una franja arriba y abajo.

### Evita

- Texto o un logotipo en el cuarto inferior izquierdo
- Palabras pegadas al borde superior o inferior
- Texto pequeño que solo se lee en un monitor grande
- Una foto cargada que compite con la foto de perfil

### Haz

- Palabras en el centro o en la mitad derecha, en la franja central
- Espacio generoso encima y debajo de cualquier texto
- Una sola línea corta, lo bastante grande para leerse en un móvil
- Una zona tranquila donde cae la foto de perfil

Un truco útil es que el propio fondo deje sitio a la foto. Pon la parte más oscura o más tranquila de tu degradado abajo a la izquierda, donde va la foto, y deja que el color se abra hacia la derecha, donde van tus palabras.

- Oscuro bajo la foto, rosa a la derecha: `linear-gradient(60deg, #0d0d1a 0%, #0d0d1a 25%, #3b2a8c 60%, #f08fb2 100%)`
- Brillo cálido a un lado, calma al otro: `radial-gradient(circle at 80% 40%, #ffb17a 0%, #c2410c 35%, #1c0a05 80%)`
- Verde profundo a menta: `linear-gradient(60deg, #0b1f1a 0%, #0b1f1a 20%, #14746f 60%, #b8f2e6 100%)`

Degradados de encabezado pensados en torno a la foto de perfil. A 60 grados, el primer color queda abajo a la izquierda y la mezcla avanza hacia arriba a la derecha.

## Qué poner en un encabezado de X

El encabezado se ve cada vez que alguien visita tu perfil, a menudo justo después de leer una de tus publicaciones. Debe confirmar quién eres de un vistazo, no contar toda tu historia. Esto funciona bien.

- **Tu aspecto, y nada más.** Un fondo distintivo con los colores o el material de tu marca suele ser el encabezado más fuerte.
- **Una línea.** Qué haces o en qué estás trabajando, en pocas palabras.
- **Algo actual.** Un lanzamiento, un libro, la fecha de un evento, que se cambia cuando termina.
- **Una pareja coherente.** El mismo aspecto que tu banner de LinkedIn y tu web, para que la gente te reconozca en todas las plataformas. Mira [tamaño del banner de LinkedIn](https://gradiently.design/es/guide/linkedin-banner-size).

1. **Empieza a 1500×500** Configura el lienzo al tamaño exacto. Diseñar en otra forma y recortar después es como los logotipos acaban debajo de la foto de perfil.
2. **Marca la esquina prohibida** Bloquea el cuarto inferior izquierdo para recordar que la foto lo tapará.
3. **Coloca primero el fondo** Elige un fondo tranquilo donde cae la foto y más interesante hacia donde viaja la mirada.
4. **Añade una línea, a la derecha del centro** Que sea corta y grande, con espacio libre encima y debajo.
5. **Compruébalo en un móvil** Súbelo y mira tu perfil en un móvil y en un portátil. Ajusta lo que quede demasiado cerca de un borde.

Un encabezado ancho de X de 1500 por 500 con una línea corta de texto a la derecha del centro sobre un degradado

Un encabezado con una sola línea a la derecha del centro, en la franja central, que deja tranquila la parte inferior izquierda para la foto de perfil.

## Tamaños de imagen para publicaciones de X

Para las imágenes de las publicaciones, elige la forma según lo que compartes. El horizontal de 1600×900 va bien para capturas de pantalla, gráficos y fotos anchas, y coincide con el formato que usan muchas otras plataformas. El vertical de 1080×1350 ocupa más timeline en los móviles, lo que da más presencia a una publicación diseñada. [Diseño de imágenes para Twitter](https://gradiently.design/es/guide/x-post-image-design) trata la composición con más detalle.

Una imagen horizontal para una publicación de X titulada Tres cosas que hemos lanzado, compuesta en dos columnas

Horizontal 1600×900: bueno para composiciones anchas y contenido en paralelo.

La misma publicación como imagen vertical, con el titular apilado en vertical

Vertical 1080×1350: más alto en el timeline, mejor para un solo titular contundente.

Exporta los encabezados y las imágenes de las publicaciones como PNG cuando lleven texto o degradados, en sRGB, exactamente a los tamaños de arriba. X vuelve a comprimir lo que subes, y los degradados suaves son los primeros en mostrarlo con bandas; un poco de grano ayuda. La lista completa de tamaños por plataforma está en [tamaños de imágenes para redes sociales](https://gradiently.design/es/guide/social-media-image-sizes).

## FAQ

### ¿Qué tamaño tiene el encabezado de Twitter?

1500×500 píxeles, una proporción 3:1, en X.

### ¿Por qué mi encabezado de X se ve recortado?

X muestra el encabezado con proporciones algo distintas en cada pantalla, recortando un poco por arriba y por abajo, y la foto de perfil tapa la parte inferior izquierda. Mantén lo importante en la franja central y lejos de esa esquina.

### ¿Qué tamaño deben tener las imágenes de las publicaciones de X?

1600×900 en horizontal (16:9) o 1080×1350 en vertical (4:5).

### ¿Dónde va el texto en un encabezado de X?

En el centro o en la mitad derecha del banner, en la franja central, con espacio encima y debajo. Déjalo fuera de la parte inferior izquierda, donde va la foto de perfil.

### ¿Qué tipo de archivo debe tener un encabezado de X?

PNG para encabezados con texto, color liso o degradados, y un JPEG de alta calidad para fotografías, ambos con el perfil de color sRGB.

### ¿El encabezado de X tiene el mismo tamaño que un banner de LinkedIn?

No. El encabezado de X mide 1500×500 (3:1), mientras que el banner de perfil de LinkedIn mide 1584×396 (4:1), así que cada uno necesita su propia composición.