En bref : sur un canevas vertical de 1080 × 1920 pixels, Pagecut garde le texte dans un cadre de 768 × 1260 pixels : 200 pixels libres en haut, 460 en bas, 240 à droite et 72 à gauche.
Pourquoi des marges
TikTok superpose son interface à la vidéo. En haut, la barre de recherche et les onglets. À droite, la colonne de boutons : profil, j'aime, commentaires, partage. En bas, le pseudo, la légende, le son utilisé et l'indicateur pour passer à la vidéo suivante. Un texte posé dans ces zones est caché, ou se lit mal à travers les icônes.
Les valeurs appliquées
| Bord | Marge | Ce qu'elle protège |
|---|---|---|
| Haut | 200 px | Recherche, onglets, indicateurs |
| Bas | 460 px | Pseudo, légende, son, passage à la suite |
| Droite | 240 px | Colonne de boutons |
| Gauche | 72 px | Respiration du texte |
Il reste une zone de texte de 768 pixels de large sur 1260 de haut. C'est étroit : une police grasse et large n'y tient que quatre mots par ligne. Une grasse condensée en tient davantage sans descendre en taille.
Ce que ça change pour une app
Pour un SaaS, la tentation est de montrer toute l'interface. Une capture d'écran pleine largeur passe sous la colonne de boutons : il vaut mieux cadrer sur la zone utile, celle où se passe l'action que la vidéo raconte, et laisser le texte au-dessus.
Vérifier une vidéo existante
- Exporte une image de la vidéo en 1080 × 1920.
- Trace les quatre marges ci-dessus.
- Tout texte qui déborde du cadre central sera masqué sur au moins un téléphone.
Ces marges sont une règle prudente appliquée par Pagecut, pas une spécification publiée par TikTok : l'interface varie selon l'appareil et la version de l'application.