Générateur d'image OG : créez une image de partage 1200 x 630 dans votre navigateur | We.Inc
Concevez l'image qui s'affiche quand votre page est partagée. Choisissez un modèle, ajoutez votre titre, votre logo et vos couleurs, prévisualisez-la en carte X, LinkedIn, Slack et iMessage, puis téléchargez un PNG de 1200 par 630 et les balises meta.
La taille standard d'une image Open Graph est de 1200 par 630 pixels, un format 1.91 pour 1 que Facebook, LinkedIn, X, Slack et les applications de messagerie affichent tous correctement. Choisissez un modèle ci-dessous, saisissez votre titre, ajoutez un logo et les couleurs de votre marque, vérifiez les aperçus, puis téléchargez le PNG et copiez les balises meta og:image.
Tailles d'image de partage par plateforme
Plateforme
Ce qu'elle demande
Remarques
Facebook et les autres applications Meta
1200 par 630 pour un résultat optimal ; au moins 600 par 315
Format 1.91:1 ; les petites images s'affichent en miniature
Grande carte X (Twitter)
Format 2:1 ; de 300 par 157 jusqu'à 4096 par 4096 ; moins de 5 MB
Nécessite twitter:card réglé sur summary_large_image
LinkedIn
1200 par 627
Utilisez le Post Inspector pour rafraîchir une image en cache
Slack, Discord, iMessage, WhatsApp
Aucune taille publiée
Ils lisent og:image ; 1200 par 630 s'affiche bien dans chacun
Quatre modèles dessinés sur un canevas dans votre navigateur, à exactement 1200 par 630. Votre logo ne quitte jamais votre appareil. Les aperçus montrent à peu près comment chaque application recadre l'image, et le bloc de balises meta est prêt à coller dans le head de votre page.
Choisissez un modèle : titre en gras, centré, scindé avec logo, ou carte d'article.
Saisissez le titre et une courte ligne en dessous, ainsi que le nom du site ou l'URL affichés en bas.
Choisissez les couleurs de fond, de texte et d'accent, et importez un logo si vous le souhaitez (un PNG ou un SVG à fond transparent fonctionne le mieux).
Vérifiez les aperçus, téléchargez le PNG, mettez-le en ligne sur votre site et collez les balises meta avec son URL complète.
Gardez le titre sous environ 60 caractères et d'au moins 48 pixels de haut dans l'image, car la plupart des gens voient la carte à une fraction de sa taille réelle.
Laissez une marge autour du texte important. Certaines applications recadrent les bords ou arrondissent les coins.
Utilisez une URL https absolue dans og:image. Les chemins relatifs ne fonctionnent pas avec la plupart des robots.
Les plateformes mettent les images de partage en cache. Après en avoir modifié une, rafraîchissez-la avec l'outil de débogage de chaque plateforme, ou donnez un nouveau nom au fichier.
Questions fréquentes
Quelle est la meilleure taille d'image OG ?
1200 par 630 pixels. Elle respecte la recommandation de Meta pour les écrans haute résolution, est proche des 1200 par 627 de LinkedIn et fonctionne pour la grande carte image de X, donc un seul fichier couvre tout. Enregistrez-la en PNG pour les designs riches en texte ou en JPG pour les photos, et restez bien en dessous de 5 MB.
Faut-il une image distincte pour la Twitter card ?
En général, non. X se rabat sur og:image quand il n'y a pas de twitter:image. Il vous faut en revanche la balise meta twitter:card réglée sur summary_large_image pour obtenir le grand aperçu au lieu d'une petite miniature.
Pourquoi mon ancienne image s'affiche-t-elle encore ?
Chaque plateforme met l'aperçu en cache. Utilisez le Sharing Debugger de Meta, le Post Inspector de LinkedIn ou simplement un nouveau nom de fichier d'image pour forcer une nouvelle récupération. Slack et les applications de messagerie se rafraîchissent selon leur propre calendrier.
Puis-je créer automatiquement une image par page ?
Oui, avec un moteur de rendu d'images côté serveur qui construit l'image à partir du titre de chaque page. Cet outil sert à concevoir le modèle et à créer des images choisies à la main pour les pages importantes.
Ce qui fait cliquer sur une image de partage
Une carte de partage rivalise avec tout le reste d'un fil d'actualité, en petit format. Un titre court et grand et un seul visuel fort l'emportent sur une mise en page chargée. Considérez l'image comme la partenaire du titre, pas comme une seconde copie de la page.
La cohérence de marque aide les gens à reconnaître vos liens avec le temps. Utilisez le même modèle avec un titre différent pour chaque page plutôt que de concevoir chaque image de zéro.
Vérifier que cela a fonctionné
Après la publication, collez l'URL de la page dans notre outil d'aperçu Open Graph pour voir les balises que la page sert réellement, ainsi que dans le débogueur de chaque plateforme avant un lancement important.
Titre en gras
Centré
Scindé avec logo
Carte d'article
Concevoir l'image
Modèle
Titre ({n} caractères)
Ligne sous le titre
Nom du site ou URL
Arrière-plan
Texte
Importer un logo
Retirer le logo
Image de partage : {title}
Télécharger le PNG (1200 par 630)
Rendu une fois partagé (approximatif)
Balises meta
URL complète où vous mettrez l'image en ligne
Copier les balises meta
Comment nous avons divisé par deux le temps de chargement de nos pages