WebyTooly

Générateur d'image OG

Écris le titre de ta page, choisis les couleurs et télécharge une image Open Graph de 1200 × 630 px prête à partager.

Espacio publicitario
Espacio publicitario

Comment l'image Open Graph est composée

Un canvas de 1200 × 630 px est dessiné, soit le ratio 1,91:1 recommandé par Facebook, LinkedIn, WhatsApp et X pour l'aperçu d'un lien. C'est la taille qui reste nette sur mobile comme sur ordinateur.

ratio = 1200 ÷ 630 ≈ 1,91:1

Le titre se met en page tout seul : l'outil mesure la largeur de chaque mot avec measureText et compose des lignes qui tiennent dans la zone utile. Si le texte est long, il réduit la taille de police jusqu'à tenir dans le nombre maximal de lignes.

Le résultat est exporté en PNG, le format qui conserve le mieux les bords du texte. Mets le fichier en ligne et relie-le avec les balises og:image et twitter:image que nous affichons.

Exemple pratique

Avec le titre « Guide complet des Core Web Vitals » et le sous-titre « webytooly.com », l'outil répartit le titre sur deux grandes lignes, place le sous-titre en dessous et ajoute une barre d'accent à gauche.

Questions fréquemment posées

Pourquoi 1200 × 630 pixels ?
C'est la taille minimale recommandée par Facebook pour les grandes images de lien, et le ratio 1,91:1 s'insère sans recadrage sur la plupart des réseaux sociaux.
Puis-je utiliser mon logo ?
Cet outil compose du texte et des couleurs. S'il te faut un logo, génère la base ici et ajoute-le ensuite dans un éditeur d'images.
Pourquoi l'aperçu ne se met-il pas à jour au partage ?
Les réseaux sociaux mettent l'image en cache. Après l'avoir changée, utilise le débogueur de liens de chaque plateforme pour forcer une relecture de la balise og:image.
PNG ou JPG ?
PNG quand l'image est du texte sur aplat, comme ici : les bords restent propres. Le JPG a du sens si le fond est une photo.

Calculatrices connexes