*OGImageTool*Générateur d'images OG gratuit
Créez de belles images OG, des en-têtes Twitter/X et plus, gratuitement en quelques clics.
Galerie d'aper?u
D?couvrez ce que vous pouvez cr?er
Faites glisser pour en voir plus
Faites glisser pour en voir plus
Essayez-le maintenant
Pourquoi choisir OGImageTool ?
Tout ce dont vous avez besoin pour créer de superbes images de réseaux sociaux en quelques secondes
Gratuit et sans inscription
Commencez à créer des images OG professionnelles instantanément - aucune inscription ni carte de crédit nécessaire.
Support multiplateforme
Générez des images optimisées pour n'importe quelle plateforme avec les bonnes dimensions.
Modèles professionnels
Choisissez parmi plusieurs modèles conçus professionnellement : Basic, Hero, Image Right, Notice et Logos.
Options d'exportation flexibles
Exportez vos designs en PNG, JPEG ou WebP avec des tailles de fichiers optimisées.
Personnalisation avancée
Personnalisez chaque aspect avec des arrière-plans, motifs, dégradés et couleurs de marque personnalisés.
Fonctionnalités de design modernes
Créez des visuels époustouflants avec une typographie premium et des effets visuels.
Aperçu instantané
Voyez vos modifications en temps réel avec notre interface WYSIWYG.
Ultra rapide
Générez des images professionnelles pour les réseaux sociaux en quelques secondes.
Comment ajouter une image Open Graph
Ajoutez des images d'aperçu pour les réseaux sociaux à votre site en quelques minutes. Choisissez votre méthode préférée ci-dessous (HTML ou Next.js App Router).
1. Enregistrer l'image
Enregistrez l'image OG générée sous og.png dans le répertoire racine de votre site.
2. Ajouter à l'en-tête HTML
<!-- Basic OG Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description" />
<meta property="og:image" content="https://yourdomain.com/og.png" />
<meta property="og:url" content="https://yourdomain.com" />
<!-- Twitter/X Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yourdomain.com/og.png" />
<!-- Optional but recommended -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />Assurez-vous de remplacer yourdomain.com par votre vrai nom de domaine.
Astuces pro
- Fournissez toujours des images de secours au cas où l'image OG ne se chargerait pas
- Testez vos images OG à l'aide des outils de débogage des réseaux sociaux
- Utilisez des textes alt descriptifs pour une meilleure accessibilité
- Envisagez d'utiliser des images OG dynamiques pour les contenus fréquemment mis à jour