Plus de jeux sur WuGames.ioSponsoriséDécouvrez des jeux de navigateur gratuits — jouez aussitôt, sans téléchargement ni inscription.Jouer

Générateur d'images Open Graph

Créateur gratuit d'og:image et de cartes sociales. Créez des images d'aperçu de lien pour Facebook, Twitter, LinkedIn. Exportez en PNG, JPG, WebP 2x retina.

Contenu
0/60 caractères
0/160 caractères
iconMicrophone
expand
Populaire
star
heart
fire
bolt
lightbulb
crown
gem
trophy
medal
award
Communication
microphone
envelope
comment
comments
phone
bell
message
paper-plane
Business
briefcase
chart-simple
chart-line
chart-bar
chart-pie
building
money-bill
dollar-sign
wallet
credit-card
Médias & contenu
camera
video
music
image
film
play
pause
newspaper
book
book-open
Technologie
laptop
code
mobile
tablet
desktop
keyboard
wifi
signal
battery-full
plug
Voyage & lieux
rocket
plane
car
train
bus
bicycle
ship
globe
map
compass
location-dot
Shopping
cart-shopping
bag-shopping
gift
tag
tags
barcode
receipt
Food & boisson
mug-hot
utensils
pizza-slice
burger
beer
wine-glass
glass-water
apple-whole
ice-cream
cake-candles
Nature & météo
tree
leaf
sun
moon
cloud
umbrella
snowflake
droplet
seedling
mountain
Social & personnes
user
users
thumbs-up
thumbs-down
hand-peace
handshake
share-nodes
house
Éducation
graduation-cap
pencil
pen
highlighter
chalkboard
microscope
flask
atom
Actions
check
circle-check
xmark
circle-xmark
plus
minus
trash
ban
lock
unlock
Design
PNG recommandé pour conserver la transparence
Options d'export
Calcul en cours…
Aperçu en direct
1200 × 630 px
Mode d'emploi
  1. Ajoutez titre, description et nom du site dans l'onglet Contenu.
  2. Personnalisez couleurs, fond et polices dans l'onglet Design.
  3. Visualisez votre image Open Graph en direct.
  4. 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 (og:image) est l'aperçu principal de la carte de lien.

L'outil prend en charge tous les ratios standard : 1200 × 630 (1,91:1) pour Facebook et LinkedIn, 1200 × 675 (16:9) pour les cartes summary_large_image de Twitter/X, et 1080 × 1080 (1:1) pour Instagram. Personnalisez chaque détail de votre image OG — titre, description, couleurs, arrière-plans, dégradés, icônes et logo — puis exportez en PNG, JPG ou WebP en résolution 1x ou 2x retina, avec une estimation de la taille du fichier en temps réel pour rester sous la limite de téléversement de chaque plateforme.

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.

Générateur d'images Open Graph — Créateur gratuit d'og:image et de cartes sociales. Créez des images d'aperçu de lien pour Facebook, Twitter, LinkedIn. E
Générateur d'images Open Graph

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.

Quelle est la taille de fichier maximale d'une image OG ?

Chaque plateforme impose sa propre limite. Twitter/X refuse les images de plus de 5 Mo. Facebook recommande de garder les fichiers og:image sous 8 Mo (et idéalement bien moins pour une exploration rapide). LinkedIn accepte environ jusqu'à 5 Mo. Si un arrière-plan photo vous fait dépasser la limite, changez le format d'export de cet outil en JPG ou WebP et baissez le curseur de qualité : les deux compressent bien plus que le PNG. L'estimation de taille en temps réel à côté du sélecteur de format affiche le poids actuel avant le téléchargement, pour confirmer que vous êtes sous la limite.

Pourquoi mon image OG ne se met-elle pas à jour ? Comment vider le cache ?

Les plateformes sociales mettent en cache la première og:image qu'elles explorent ; une nouvelle image n'apparaît donc souvent pas tout de suite. Pour forcer l'actualisation : sur Facebook, ouvrez le Sharing Debugger (developers.facebook.com/tools/debug), collez votre URL et cliquez sur « Scrape Again ». Sur LinkedIn, utilisez le Post Inspector (linkedin.com/post-inspector) et réinspectez l'URL. Sur Twitter/X, le Card validator et un nouveau partage l'actualisent généralement. Ajouter un paramètre de version à l'URL de l'image (par exemple og-image.png?v=2) déjoue aussi les caches récalcitrants.

PNG, JPG ou WebP — quel format d'export choisir ?

Cela dépend de votre arrière-plan. Le PNG est sans perte et idéal pour les aplats de couleur, les dégradés, le texte et les logos aux bords nets, mais sa taille grimpe vite avec les photos. Le JPG convient mieux aux fonds photographiques et produit des fichiers bien plus légers — parfait pour passer sous la limite de 5 Mo de Twitter. Le WebP offre la meilleure compression et est pris en charge par Facebook, LinkedIn et X, ce qui en fait un excellent choix par défaut pour les cartes riches en photos. Utilisez le curseur de qualité (50–100 %) avec le JPG ou le WebP pour équilibrer netteté et taille, et choisissez l'option 2x pour un affichage retina net sur les écrans haute densité.

Quelle différence entre les cartes summary_large_image et summary de Twitter ?

Twitter/X prend en charge deux types de cartes. « summary_large_image » affiche une grande bannière pleine largeur à partir d'une image 1200 × 675 (16:9) — c'est ce que veulent la plupart des blogs et pages marketing, et c'est le préréglage « Twitter » en 1200 × 675 de cet outil. La carte « summary » simple affiche une vignette carrée plus petite (proche du 1:1) à côté du texte, mieux adaptée aux icônes ou aux avatars. Définissez le type de carte dans vos balises meta avec <meta name="twitter:card" content="summary_large_image"> et fournissez un twitter:image correspondant.