Guide · Social Assets
Check-list social assets
zones de sécurité,
ratios & résolutions
Un logo tronqué par l'avatar d'une Story, un titre masqué par la barre de progression TikTok, un carrousel LinkedIn dont personne ne voit la deuxième slide : la plupart des visuels sociaux ratés ne le sont pas au niveau du design, mais du format. Voici la check-list que nous suivons avant chaque publication, plateforme par plateforme.
Pourquoi la zone de sécurité change tout
Chaque application sociale superpose des éléments d'interface fixes sur votre visuel : pseudo et avatar, icônes de like et partage, barre de progression, zone de légende, bouton d'achat en Story shopping. Ces éléments ne sont pas négociables — ils font partie de l'expérience native de la plateforme et s'affichent toujours au même endroit, quel que soit votre visuel. La zone de sécurité est donc l'espace restant, libre de toute interface, dans lequel un texte, un logo ou un visage doit impérativement rester pour être visible à 100% des utilisateurs.
Le problème est rarement visible en phase de création : un logo placé en bas d'une Story s'affiche parfaitement dans votre logiciel de design, mais se retrouve masqué par la barre de réponse dès la publication réelle sur mobile. C'est une erreur qui ne se corrige qu'après coup, souvent trop tard.
Tableau récapitulatif des dimensions par plateforme
Les dimensions à utiliser pour chaque type de visuel, plateforme par plateforme. Ce sont les résolutions natives recommandées par chaque réseau — s'en écarter expose à un recadrage automatique imprévisible.
| Plateforme | Format | Dimensions | Ratio | Zone de sécurité |
|---|---|---|---|---|
| Post carré | 1080×1080 | 1:1 | Marge de 40px sur les 4 côtés | |
| Post portrait | 1080×1350 | 4:5 | Marge de 40px sur les 4 côtés | |
| Instagram / TikTok | Story & Reel | 1080×1920 | 9:16 | 250px en haut, 250px en bas |
| Post image | 1200×627 | 1.91:1 | Marge de 60px, texte hors du 1/5 inférieur | |
| Carrousel PDF | 1080×1080 ou 1080×1350 | 1:1 ou 4:5 | Cover (slide 1) sans zone masquée par l'aperçu tronqué | |
| Bannière profil | 1584×396 | 4:1 | Centre masqué par la photo de profil circulaire | |
| X (Twitter) | Image post | 1200×675 | 16:9 | Marge de 40px, texte centré horizontalement |
| X (Twitter) | Header profil | 1500×500 | 3:1 | Bas masqué en partie par la photo de profil |
| TikTok | Cover vidéo | 1080×1920 | 9:16 | 150px réservés à droite (icônes), 200px en bas (légende) |
| Post image | 1200×630 | 1.91:1 | Marge de 40px sur les 4 côtés | |
| YouTube | Miniature | 1280×720 | 16:9 | Coin inférieur droit libre (surimpression durée) |
Les zones de sécurité qui posent le plus de problèmes
Quatre situations reviennent le plus souvent dans nos contrôles qualité avant livraison :
Stories & Reels — le haut et le bas sont piégés
Le pseudo, l'avatar et l'icône de fermeture occupent le haut de l'écran ; la zone de réponse, les icônes de réaction et le lien swipe-up occupent le bas. Tout élément textuel important doit rester dans les 1420px centraux d'un visuel 1080×1920.
TikTok — la colonne d'icônes à droite
Les icônes like, commentaire, partage et le disque du son occupent une bande verticale d'environ 150px sur la droite de l'écran. La légende et les hashtags occupent la partie basse gauche : ne jamais y placer un logo ou un CTA.
Carrousel LinkedIn — tout se joue sur la cover
Dans le fil d'actualité, seule la première slide est visible avant clic. Un titre flou, une accroche trop longue ou l'absence d'indice visuel de type « carrousel » (flèche, numérotation) fait chuter le taux d'ouverture, quelle que soit la qualité des slides suivantes.
Bannières de profil — le centre est masqué
Sur LinkedIn comme sur X, la photo de profil circulaire recouvre systématiquement une partie centrale ou basse de la bannière. Les éléments importants (logo, accroche) doivent être décalés vers les extrémités du visuel.
La check-list avant publication
Les points que nous vérifions systématiquement avant de livrer ou publier un visuel social :
- Dimensions : résolution native exacte de la plateforme, jamais un redimensionnement approximatif
- Zone de sécurité : aucun texte, logo ou visage important dans les zones masquées par l'interface
- Lisibilité mobile : texte lisible sans zoom sur un écran de 6 pouces, contraste suffisant
- Cover slide : pour les carrousels, une accroche forte et un indice visuel de navigation dès la première slide
- Poids fichier : image optimisée pour un chargement rapide, sans compression visible
- Cohérence de marque : couleurs, typographie et logo identiques à la charte sur tous les formats
- Nommage & export : fichiers nommés clairement, PNG pour la transparence, JPG pour les photos
Des visuels sociaux
jamais recadrés au mauvais endroit.
SnackDesign produit vos posts, Stories et carrousels aux bonnes dimensions, zones de sécurité incluses.
Découvrir la création de social assets