Pourquoi 1200 × 630 ?

C’est la taille (1,91:1) à laquelle les grandes plateformes recadrent les aperçus de liens. Rien n’est coupé sur Facebook, X, LinkedIn ou Slack, et l’image reste nette sur un écran haute résolution.

Comment l’utiliser sur mon site ?

Mettez le PNG en ligne et ajoutez avec son adresse, plus . Utilisez une URL absolue : les relatives sont ignorées.

Mon titre est long. Va-t-il tenir ?

Oui, le texte rétrécit jusqu’à quatre lignes. Plus court reste mieux : un aperçu se lit d’un coup d’œil.

Quelque chose est-il envoyé ?

Non. La carte est dessinée sur la page et le PNG fabriqué dans votre navigateur.

Générateur d’image OG

L’image d’un lien partagé, à la taille que tous recadrent.

TailleTitreLigne en dessousCouleursPosition du texteUne petite barre de couleur au-dessus du titreUne image (facultatif)Où va l’image

Aperçu

PNG transparent, 512 × 512 px, créé sur votre appareil.

Vos fichiers restent sur votre appareil

Cet outil fonctionne entièrement dans votre navigateur. Rien n'est envoyé, rien n'est stocké, et vous pouvez même couper votre connexion internet avant de commencer.

Exemple

Exemple pratique — Générateur d’image OG

Utilisez les données et les réglages suivants.

Élément	Valeur
Taille	Aperçu de lien (image OG) · 1200 × 630
Titre	Demo
Ligne en dessous	Ada & Lin
Couleurs	Encre — bleu nuit
Sortie	PNG · 1200 × 630

PNG · 1200 × 630

Comment ça marche

Tapez le titre — celui de la page ou de l’article.
Ajoutez une ligne en dessous si elle aide : nom du site, date, rubrique.
Choisissez des couleurs cohérentes avec le site, et un logo si vous en avez un.
Téléchargez le PNG et pointez og:image dessus.

Questions fréquentes

Pourquoi 1200 × 630 ?: C’est la taille (1,91:1) à laquelle les grandes plateformes recadrent les aperçus de liens. Rien n’est coupé sur Facebook, X, LinkedIn ou Slack, et l’image reste nette sur un écran haute résolution.
Comment l’utiliser sur mon site ?: Mettez le PNG en ligne et ajoutez <meta property="og:image" content="..."> avec son adresse, plus <meta name="twitter:card" content="summary_large_image">. Utilisez une URL absolue : les relatives sont ignorées.
Mon titre est long. Va-t-il tenir ?: Oui, le texte rétrécit jusqu’à quatre lignes. Plus court reste mieux : un aperçu se lit d’un coup d’œil.
Quelque chose est-il envoyé ?: Non. La carte est dessinée sur la page et le PNG fabriqué dans votre navigateur.

Outils associés

▶ Créateur de miniature Du gros texte sur un fond net, aux pixels exacts que le site attend. T Écrire sur une image Des légendes et des titres qui restent lisibles même sur une photo chargée, placés exactement où vous le voulez. • Redimensionner une image Mettez une ou plusieurs images aux dimensions exactes de votre choix, ou piochez dans les formats prêts à l'emploi. ⇲ Compresser une image Allégez vos fichiers JPG, PNG et WebP pour l'e-mail, un site web ou une messagerie, directement dans votre navigateur.