# Design de pub Facebook : un visuel qui arrête le scroll [Canonical HTML page](https://gradiently.design/fr/guide/facebook-ad-design) Une pub Facebook dispose de la même demi-seconde que tout ce qui l’entoure. L’image doit être reconnaissablement la vôtre, dire une seule chose et laisser la vente aux mots que Meta imprime au-dessus et en dessous. ## The short version - Une bonne pub Facebook met un seul message dans l’image, en quelques mots, et laisse le détail au texte principal et au titre de la pub. - Les images carrées 1200×1200 ou portrait 1080×1350 conviennent au fil Facebook, et le 1080×1920 aux stories et aux Reels. - Meta ne rejette plus les pubs image selon la quantité de texte, mais un texte court dans l’image reste plus facile à lire dans un fil qui défile. - Les pubs qui partagent fond, couleur et typographie avec les posts organiques d’une marque se reconnaissent plus facilement avant que le logo soit lu. - Chaque emplacement doit recevoir sa propre version du design plutôt qu’un recadrage d’une seule image. Une bonne **pub Facebook** tient à quatre choses : un seul message dans l’image, dit en quelques mots ; un look que l’on reconnaît comme le vôtre avant de lire le logo ; une mise en page claire qui ne lutte pas avec le titre que Meta imprime dessous ; et une version faite pour chaque emplacement, pour que le fil reçoive une image carrée ou portrait et les stories une image verticale complète. Le reste, c’est du test, traité dans [le test de créas publicitaires](https://gradiently.design/fr/guide/ad-creative-testing). ## Tailles de pub Facebook par emplacement Les outils de Meta peuvent recadrer une image pour chaque emplacement, mais le résultat est rarement celui que vous choisiriez. Concevez ces trois versions et vous couvrez presque tous les endroits où une pub image apparaît. | Emplacement | Taille | Ratio | Notes | | --- | --- | --- | --- | | Fil, carré | 1200×1200 px | 1:1 | Le choix sûr, marche presque partout | | Fil, portrait | 1080×1350 px | 4:5 | Prend plus d’écran sur téléphone | | Stories et Reels | 1080×1920 px | 9:16 | Gardez les mots hors des 250 px environ du haut et du bas | | Pubs de lien | 1200×630 px | Environ 1,91:1 | Image large au-dessus d’un titre de lien | [La taille d’un post Facebook](https://gradiently.design/fr/guide/facebook-post-size) et [la taille d’une story Facebook](https://gradiently.design/fr/guide/facebook-story-size) sont les mêmes cadres que ceux des pubs. - Fil carré 1200×1200: 1200 × 1200 - Fil portrait 1080×1350: 1080 × 1350 - Stories et Reels 1080×1920: 1080 × 1920 Les trois formes, à l’échelle. Un design composé pour le carré doit être réorganisé, pas étiré, pour les deux autres. ## Ce qui va dans l’image et ce qui va dans le texte Une pub du fil est plus que son image. Meta affiche le nom de votre page et le texte principal au-dessus, un titre et un bouton en dessous. L’image ne doit pas répéter ces mots ; elle doit faire ce que les mots à côté ne peuvent pas : arrêter le défilement et rendre l’offre réelle. ### Dans l’image - L’idée unique, en huit mots environ au plus - Le produit, le résultat ou le sentiment - Votre fond et vos couleurs reconnaissables - Un petit logo, si la marque n’est pas évidente ### Dans le texte de la pub - Texte principal : la raison de s’y intéresser, une ou deux lignes - Titre : l’offre ou le résultat, simplement - Bouton : Acheter, Réserver, En savoir plus - Détails, conditions et dates Une pub portrait du fil Facebook annonçant Le mélange d’hiver est de retour, avec Petite série au-dessus Version fil : une ligne, un détail, le fond fait la reconnaissance. La même pub de café en story verticale 1080 par 1920, avec les mots centrés dans le cadre La version story de la même pub, refaite avec les mots dans la bande du milieu. ## Combien de texte dans l’image d’une pub Facebook Meta limitait le texte à un cinquième de l’image et a abandonné cette règle en 2020. Ses conseils privilégient toujours les images peu chargées en texte, et le bon sens aussi : une pub se lit en mouvement, sur un téléphone, à côté d’un titre qui existe déjà. Visez une seule courte ligne et, au plus, un détail plus petit. > **Court est un choix de design** Si votre message demande trois phrases, il va dans le texte principal. La ligne de l’image est le titre du titre. [La mise en page du texte des posts](https://gradiently.design/fr/guide/text-hierarchy-social) montre comment hiérarchiser ce qui reste. Tout texte doit se lire sur chaque partie du fond. Un dégradé ou une photo claire dans un coin et sombre dans un autre peut avaler un mot posé à cheval sur la frontière. Gardez une zone calme et régulière derrière la ligne, et vérifiez le contraste à taille de téléphone. ## Rendre les pubs reconnaissables comme les vôtres On fait défiler les pubs que l’on croit avoir déjà jugées. Une pub qui ressemble à vos posts organiques emprunte la confiance que ceux-ci ont gagnée ; une pub qui ressemble à un modèle de stock n’emprunte rien. Le chemin le plus rapide vers la reconnaissance est un fond et une couleur constants, utilisés partout. [Les actifs de marque distinctifs](https://gradiently.design/fr/guide/distinctive-brand-assets) expliquent pourquoi un look peut travailler plus qu’un logo. - Café torréfié: #1a120b - Cacao: #5c3d2e - Lumière cuivre: #b5651d - Crema: #e8c39e - Encre papier: #f4ede4 La palette publicitaire d’un torréfacteur, la même que sur ses posts et ses emballages. La reconnaissance vient de la répétition, pas de la nouveauté. - Utilisez la même famille de fonds sur chaque pub, en variant le message et le produit plutôt que le look. - Gardez le logo petit et dans le même coin à chaque fois ; le fond fait le gros du travail. - Utilisez vos vraies polices, pas celle que suggère l’outil de pub. - Montrez le vrai produit ou un vrai résultat quand vous le pouvez ; on fait confiance à ce qui ressemble à ce qu’on recevra. ## Produire un ensemble de pubs Facebook 1. **Écrivez trois messages** Trois raisons différentes d’acheter : le produit, le résultat, l’occasion. Chacune devient une pub. 2. **Concevez d’abord la version portrait du fil** Le 1080×1350 donne le plus de place sur téléphone et vous force à garder le message court. 3. **Faites les versions carrée et verticale** Recomposez chaque message en 1200×1200 et 1080×1920 plutôt que de recadrer, pour que les mots ne passent jamais sous l’interface. 4. **Écrivez un texte qui complète l’image** Le texte principal ajoute le pourquoi ; le titre nomme l’offre. Aucun ne répète la ligne de l’image mot pour mot. 5. **Prévisualisez dans chaque emplacement** Le gestionnaire de pubs de Meta montre chaque emplacement. Regardez-les tous sur un téléphone avant de publier. Gradiently accélère l’étape des tailles : créez la pub une fois, puis avec Pro redimensionnez-la pour tous les emplacements d’un coup, et le Mark est recréé à chaque forme avec sa zone calme qui se déplace derrière les mots. Vous pouvez aussi demander au Designer trois messages dans la voix de votre kit de marque et les faire composer dans votre Mark. Le même ensemble s’adapte au [design de pub Instagram](https://gradiently.design/fr/guide/instagram-ad-design), car les deux passent par le gestionnaire de pubs de Meta. ## FAQ ### Quelle taille pour l’image d’une pub Facebook ? Utilisez 1080×1350 pour les pubs portrait du fil ou 1200×1200 pour le carré, et 1080×1920 pour les emplacements stories et Reels. ### Facebook a-t-il toujours la règle des 20 % de texte ? Non. Meta a abandonné la règle en 2020, mais recommande toujours de garder le texte court dans les images de pub, et un texte court se lit mieux dans un fil. ### L’image d’une pub Facebook doit-elle répéter le titre ? Non. Meta imprime le titre sous l’image : utilisez l’image pour une courte ligne qui arrête le défilement et laissez le titre nommer l’offre. ### Comment faire ressembler mes pubs Facebook à ma marque ? Utilisez sur chaque pub les mêmes fond, couleurs et polices que vos posts organiques, et gardez un petit logo dans un coin constant. ### Puis-je utiliser une seule image pour tous les emplacements de pub Facebook ? Meta peut recadrer automatiquement une image, mais faire une version pour le fil et une pour les stories vous donne le contrôle de l’emplacement des mots.