Générateur Open Graph Image Gratuit
Ce générateur d'image Open Graph gratuit crée un PNG de 1200 par 630 pixels pour l'image qui s'affiche quand votre lien de page est partagé sur Facebook, LinkedIn, WhatsApp ou X. Tapez un titre et un sous-titre, choisissez votre couleur de marque et un modèle, puis téléchargez le fichier et définissez-le comme og:image. Pas d'inscription, et rien de ce que vous tapez n'est conservé.
Open Graph Image Generator
Images
À propos de cet outil
Quand quelqu'un colle votre lien dans un chat ou une publication, l'image d'aperçu décide s'il clique. Les pages sans image Open Graph affichent une boîte vide ou une capture aléatoire. Un titre clair sur un fond propre dans votre couleur de marque est une solution rapide et cohérente pour les articles de blog, les pages d'outils et les pages de destination qui n'ont pas leur propre photo.
Tapez le titre de la page, un sous-titre optionnel et le nom de votre site, choisissez une couleur et l'un des quatre modèles : couleur unie, dégradé, clair avec barre d'accent, ou sombre. La couleur du texte est choisie automatiquement pour rester lisible sur votre couleur, et les longs titres sont enveloppés et redimensionnés pour tenir en trois lignes maximum. Les titres d'environ 60 caractères ou moins ont le meilleur rendu. L'image est dessinée avec les polices Inter et Outfit que ce site utilise.
Après avoir téléchargé le PNG, téléchargez-le sur votre site et pointez la balise meta og:image vers son adresse complète, et ajoutez une balise twitter:image correspondante. Gardez les mots importants loin des bords, car certaines applications recadrent les côtés. La police couvre les lettres latines, les chiffres et la ponctuation courante ; les emoji et autres scripts sont supprimés. Vous pouvez vérifier les balises en direct après avec le vérificateur Open Graph.
Questions fréquentes
Quelle taille doit avoir une image Open Graph ?
La taille largement utilisée est 1200 par 630 pixels, un rapport d'environ 1,91 pour 1. Facebook, LinkedIn, WhatsApp et X l'affichent tous bien. Gardez le fichier sous quelques mégaoctets, utilisez une adresse web complète dans la balise og:image, et gardez le texte important loin des bords.
Comment utiliser l'image sur mon site web ?
Téléchargez le PNG téléchargé sur votre site, puis ajoutez une balise meta dans l'en-tête de la page : og:image avec l'adresse complète du fichier. Ajoutez une balise twitter:image avec la même adresse pour X. La plupart des systèmes de gestion de contenu ont aussi un champ pour cela dans leurs paramètres SEO.
Pourquoi mon ancien aperçu s'affiche-t-il toujours après l'avoir changé ?
Les réseaux sociaux mettent en cache les aperçus de liens. Après avoir mis à jour l'image, utilisez le Débogueur de partage Facebook ou l'Inspecteur de publication LinkedIn pour récupérer la page à nouveau. Donner au nouveau fichier un nom différent aide aussi, car l'adresse ressemble alors à une nouvelle image pour le cache.
Puis-je utiliser mon propre logo ou photo ?
Ce générateur dessine du texte sur couleur uniquement, il n'a donc pas de téléchargement de logo ou de photo. Il convient aux sites qui ont besoin d'une carte cohérente et propre rapidement. Pour une mise en page avec photo ou logo, utilisez un outil de conception et exportez-le à 1200 par 630 pixels.
Quelque chose que je tape est-il conservé ?
Non. Votre titre, sous-titre et couleur sont utilisés pour dessiner l'image et ne sont pas sauvegardés. Le PNG apparaît dans le résultat sous forme de téléchargement et n'existe que dans votre page de navigateur, alors enregistrez-le avant de recharger ou de quitter la page.