El banner de encabezado de Twitter (ahora X) es el elemento visual más grande de tu perfil. Actúa como una valla publicitaria para tu marca personal, tu negocio o tu portafolio creativo. Sin embargo, nada es más frustrante que pasar horas diseñando el banner perfecto en Photoshop, solo para subirlo y descubrir que Twitter ha recortado tu logotipo o cortado la mitad del texto en los dispositivos móviles.
Para evitarlo, necesitas entender el tamaño exacto del encabezado de Twitter en píxeles, cómo funciona el algoritmo de recorte de la plataforma y dónde está la «zona segura». Aquí tienes tu guía completa para hacerlo bien.
1. El tamaño exacto del encabezado de Twitter
Twitter recomienda oficialmente un tamaño de encabezado de 1500 x 500 píxeles. Esto crea una relación de aspecto de 3:1. Cuando subes una imagen que coincide con estas dimensiones exactas, Twitter no estirará ni distorsionará tu imagen.
- Ancho: 1500 píxeles
- Alto: 500 píxeles
- Relación de aspecto: 3:1
- Tamaño máximo de archivo: 2 MB (aunque se recomienda encarecidamente mantenerlo por debajo de 500 KB para una carga rápida de la página)
2. El problema móvil frente a escritorio
Incluso si subes una imagen de exactamente 1500x500 píxeles, se verá diferente en un monitor de escritorio que en un teléfono móvil. ¿Por qué? Porque la disposición del perfil de Twitter cambia según el tamaño de la pantalla.
- En escritorio: Tu foto de perfil se superpone al banner desde el lado izquierdo. La imagen abarca todo el ancho de 1500x500.
- En móvil: Twitter reduce el ancho del banner para ajustarlo a la pantalla del teléfono. Para mantener la altura, efectivamente hace «zoom» en el centro de la imagen. Esto provoca que los bordes superior e inferior de tu banner queden recortados.
3. La «zona segura» del encabezado de Twitter
Debido al recorte en móviles, debes diseñar tu encabezado con una «zona segura». La zona segura es el área de la imagen que está garantizada a verse en todos los dispositivos.
Para una imagen de 1500x500 píxeles, la zona segura es la franja horizontal central que mide aproximadamente 1500 x 360 píxeles (lo que significa que los 70 píxeles superiores y los 70 píxeles inferiores corren riesgo de cortarse en móviles).
Consejos para diseñar dentro de la zona segura:
- Mantén el texto centrado: Coloca todo el texto, los logotipos y los rostros en la altura central de 360 píxeles del lienzo.
- Usa fondos: Los 70 píxeles superiores e inferiores deben usarse estrictamente para colores o patrones de fondo, no para información importante.
- Cuida la foto de perfil: Recuerda que tu foto de perfil circular cubrirá la esquina inferior izquierda del banner. Evita colocar texto crítico en esa área específica.
4. Cómo redimensionar tu imagen a 1500x500
Si tu imagen es demasiado alta, demasiado ancha o tiene la relación de aspecto incorrecta, debes redimensionarla antes de subirla a Twitter. Si no lo haces, Twitter te obligará a arrastrarla y recortarla dentro de su aplicación, lo que rara vez te da el control preciso que necesitas.
Puedes formatear fácilmente tu imagen al tamaño exacto del banner de perfil de X usando una herramienta online gratuita. Nuestro redimensionador de encabezados de Twitter ajusta automáticamente tu imagen a la dimensión de 1500x500 mediante un algoritmo de recorte centrado, garantizando que tu imagen ocupe el espacio máximo permitido sin bandas negras ni distorsiones.