Préférences de cookies
Nous utilisons des cookies pour l'analyse. Politique de confidentialité Vous pouvez accepter ou refuser le suivi non essentiel.
Guide pratique sur « Tailles d’image de graphique ouvert pour 2026 »: étapes clés, erreurs fréquentes et mise en œuvre avec Aperçu OG.
Aller à l'outil
Éditeur visuel de balises Open Graph pour les réseaux sociaux.
Chaque plateforme découpe les images Open Graph différemment. Utiliser la mauvaise taille signifie que votre aperçu soigneusement conçu est déformé -- texte coupé, visages découpés, logos manquants. Voici les spécifications exactes qui fonctionnent en 2026.
| Plateforme | Taille (px) | Rapport d'aspect | Type de carte |
|---|---|---|---|
| 1200 x 630 | 1.91:1 | Partage par défaut | |
| 1200 x 630 | 1.91:1 | Partage d'article/liens | |
| Twitter/X | 1200 x 628 | 1.91:1 | summary_large_image |
| Twitter/X | 120 x 120 | 1:1 | summary (carte petite) |
| Discord | 1200 x 630 | 1.91:1 | Aperçu d'intégration |
| Telegram | 1200 x 630 | 1.91:1 | Aperçu de lien |
| 1200 x 630 | 1.91:1 | Aperçu de lien |
Le pari universel sûr : 1200 x 630 pixels avec un rapport de 1.91:1. Cela fonctionne partout.
Facebook, LinkedIn et Twitter découpent légèrement différemment aux bords. Gardez tout le contenu important (texte, logos, visages) dans les 80% centraux de l'image. Cela signifie un padding de 120px de tous côtés d'une image de 1200x630.
Zone de sécurité visuelle :
|--- 120px ---|---- zone visible 960x506 ----|--- 120px ---|<meta property="og:image" content="https://votre-site.com/images/og-cover.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />Utilisez toujours une URL absolue avec HTTPS. Les chemins relatifs et les URL HTTP échouent silencieusement sur la plupart des plateformes.
Pour Twitter/X, incluez également :
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://votre-site.com/images/og-cover.jpg" />?v=2 à l'URL pour bust le cache (voir Guide de débogage de cache).Cet article est relu par l’équipe éditoriale de Tools Hub pour garantir l’exactitude, la valeur pratique et la cohérence avec les workflows produit actuels.
Dernière vérification:
Guide pratique sur « Pourquoi les aperçus OG ne s'actualisent pas: débogage du cache »: étapes clés, erreurs fréquentes et mise en œuvre avec Aperçu OG.
Plan d'article AI génère des structures d'articles optimisées SEO, des cadres de thought leadership et des guides étape par étape.
Guide pratique sur « Plan d'expérimentation CTR de méta description pour les équipes éditoriales »: étapes clés, erreurs fréquentes et mise en œuvre avec AI Meta Descriptions.
Guide pratique sur « Workflow de méta-description programmatique pour les catalogues volumineux »: étapes clés, erreurs fréquentes et mise en œuvre avec AI Meta Descriptions.