Générateur d'images Open Graph gratuit

Créez facilement des images OG, des en-têtes Twitter/X et plus encore en quelques clics—aucune compétence en design requise. Assurez-vous d'un affichage optimal sur les plateformes comme Twitter, Facebook et LinkedIn en utilisant les formats PNG (recommandé), JPEG ou WebP. Besoin d'automatisation ? Générez des images Open Graph instantanément avec notre puissante API.

Choose a template

Propriétés du modèle
Personnalisez votre image en modifiant les propriétés.
Arrière-plan
Définissez un arrière-plan personnalisé pour votre image.
Direction du dégradé
Superposition de grille
0.15
Preview
Formats d'image optimaux pour Open Graph
Choisissez le meilleur format d'image pour le partage sur les réseaux sociaux.
  • PNG: Offre une qualité supérieure pour le texte et les logos.
  • JPEG: Idéal pour les photos et images avec des couleurs complexes.
  • WebP: Un format moderne qui offre une excellente compression tout en conservant une haute qualité.
Télécharger l'image
Exportez votre image aux formats PNG, JPEG ou WebP.

Pour un affichage optimal des images Open Graph (OG) sur des plateformes comme Twitter, Facebook et LinkedIn, il est recommandé d'utiliser les formats PNG (préféré), JPEG ou WebP.

Intégration API
Générez des images Open Graph instantanément à l'aide de notre API.

Copiez le corps de la requête au format JSON ou en tant que commande cURL.

Ajouter des images Open Graph facilement

Ajoutez facilement des images de prévisualisation pour les réseaux sociaux à votre site web en quelques minutes. Sélectionnez votre méthode préférée ci-dessous—que ce soit en HTML ou avec Next.js App Router.

1. Enregistrez l'image

Enregistrez votre image OG générée sous og.png dans le répertoire racine de votre site web.

2.Générer et ajoutez la balise Open Graph à 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 nom de domaine réel.

Conseils d'expert

  • Ayez toujours des images de secours au cas où l'image OG ne se charge pas.
  • Utilisez des outils de débogage pour tester vos images OG.
  • Ajoutez un texte alternatif significatif pour améliorer l'accessibilité.
  • Optez pour des images OG dynamiques pour les contenus fréquemment mis à jour.