Générateur d'images Open Graph
Créez de superbes images Open Graph pour Facebook, Twitter, LinkedIn. Personnalisez textes, couleurs, fonds et dégradés pour booster vos partages.
- Ajoutez titre, description et nom du site dans l'onglet Contenu.
- Personnalisez couleurs, fond et polices dans l'onglet Design.
- Visualisez votre image Open Graph en direct.
- Cliquez sur « Télécharger l'image » pour enregistrer votre OG.
À propos du générateur d'images Open Graph
Le générateur OG vous aide à créer des visuels professionnels pour vos partages sociaux. Lorsqu'un lien est partagé sur Facebook, Twitter, LinkedIn ou ailleurs, l'image Open Graph est l'aperçu principal.
Personnalisez chaque détail : titre, description, couleurs, arrière-plans, dégradés, logos. Un aperçu temps réel et les dimensions standard garantissent un rendu parfait sur toutes les plateformes.
Qu'est-ce qu'une image Open Graph ?
C'est la vignette affichée lors du partage d'une page sur les réseaux (balise og:image). Une bonne image OG peut augmenter le taux de clic jusqu'à 120 %.
Quelles dimensions recommandez-vous ?
Chaque plateforme a son format optimal :
- Facebook & LinkedIn : 1200 x 630 px (ratio 1,91:1)
- Twitter : 1200 x 675 px (ratio 16:9)
- Instagram : 1080 x 1080 px (ratio 1:1)
Le format passe-partout reste 1200 x 630 px. Utilisez une largeur minimale de 1200 px pour éviter les pixels.
Puis-je utiliser ma propre image de fond ?
Oui, dans l'onglet Design vous pouvez téléverser JPG, PNG ou WebP. Ajustez aussi l'opacité pour superposer des textes lisibles.
Quel format de fichier privilégier ?
Pour les images OG :
- PNG : idéal pour textes et logos
- JPG : parfait pour les photos, poids léger
- WebP : compression moderne
Gardez le fichier sous 5 Mo pour un chargement rapide.
Comment intégrer l'image OG sur mon site ?
Après téléchargement, hébergez l'image puis ajoutez ces balises dans `<head>` :
<meta property="og:image" content="https://votresite.com/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://votresite.com/og-image.png">
Utilisez des URL absolues et testez via le Facebook Sharing Debugger ou le Twitter Card Validator.
Puis-je ajouter mon logo ?
Bien sûr. Téléversez votre logo (PNG transparent recommandé) et positionnez-le (gauche, centre, droite). Cela renforce l'identité de marque et la confiance lors des partages.