Twitter/X utilise différentes zones de recadrage pour la même image d'en-tête selon l'appareil. Un en-tête parfait sur ordinateur peut avoir le texte coupé sur mobile. Ce n'est pas un bug — c'est ainsi que fonctionne le design responsive de Twitter. Comprendre le comportement de recadrage est la première étape pour créer un en-tête qui rend bien partout.
Trois zones de recadrage à connaître :
- Bureau (navigateur complet) : Affiche l'en-tête complet de 1500×500px. Aucun recadrage.
- App mobile (portrait) : Recadre au centre environ de 600×200px. Seulement 40% de la largeur et 40% de la hauteur.
- iPad / tablette : Affiche environ le centre 1000×350px.
Solution : concevez pour la zone sûre mobile d'abord. Placez tout le contenu critique — texte, visages, logos — dans la zone centrale de 600×200px de votre canevas de 1500×500.