Twitter/X usa diferentes regiones de recorte para la misma imagen de encabezado según el dispositivo. Un encabezado que se ve perfecto en escritorio puede tener el texto cortado en móvil. Esto no es un error — es cómo funciona el diseño responsivo de Twitter. Comprender el comportamiento de recorte es el primer paso para crear un encabezado que se vea genial en todas partes.
Tres zonas de recorte que debes conocer:
- Escritorio (navegador completo): Muestra el encabezado completo de 1500×500px. Sin recorte.
- App móvil (vertical): Recorta al centro aproximado de 600×200px del encabezado. Solo el 40% del ancho y 40% del alto.
- iPad / tableta: Muestra aproximadamente el centro 1000×350px.
Solución: diseña para la zona segura móvil primero. Coloca todo el contenido crítico — texto, rostros, logos — dentro del área central de 600×200px de tu lienzo de 1500×500.