Redimensionner les images pour les aperçus Open Graph (OG)
Lorsque vous partagez un lien sur Facebook, LinkedIn, Twitter ou Slack, la plateforme affiche une image d'aperçu extraite des balises méta OG de votre page. La taille idéale est de 1200x630 pixels. ImageGates redimensionne n'importe quelle image à cette dimension exacte pour des aperçus de liens parfaits partout.
How to use this tool
- Télécharger l'image source — Select the image you want to use as your page's link preview image.
- Redimensionner à 1200x630 — The tool resizes to the universal OG image standard. Ensure key content is centered.
- Ajouter à votre site — Download and add the image to your page's og:image meta tag for perfect previews.
Guide
Les images Open Graph sont l’élément le plus négligé de la stratégie de contenu Web. Une image d'aperçu de lien convaincante peut augmenter les taux de clics de 2 à 3 fois par rapport à un lien contenant uniquement du texte ou à un aperçu mal formaté.
Spécifications de l'image OG par plateforme : - Facebook: 1200x630px (1,91:1). Affiche l'image complète dans le flux. En dessous de 600 x 315, une petite vignette peut apparaître. - LinkedIn: 1200x627px. Très similaire à Facebook. Prend en charge des images plus grandes mais recadre pour les adapter. - Gazouillement: 1200x628px pour summary_large_image. 144x144px minimum pour la fiche récapitulative. - Mou: Utilise l'image OG. Rendu en ligne avec un dimensionnement généreux. - WhatsApp: utilise l'image OG pour les aperçus des liens. Recadre à une taille d'affichage d'environ 300 x 200. - iMessage: Utilise l'image OG avec un léger recadrage.
Bonnes pratiques de conception : - Placez le texte/la marque clé dans la zone de sécurité centrale de 960 x 420 px - Utilisez un texte en gras et lisible — Les images OG sont souvent affichées en petite taille - Incluez votre logo ou votre marque pour la reconnaissance - Évitez les détails fins qui se perdent à la taille de la vignette - Testez votre image à 150 x 79 px (la plus petite qu'elle puisse être affichée)
Mise en œuvre technique : ```html <meta property="og:image" content="https://votresite.com/og-image.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/jpeg" /> ```
Questions fréquentes
Qu’est-ce qu’une image Open Graph ?
Une image Open Graph (OG) est la vignette d'aperçu affichée lorsque vous partagez une URL sur les réseaux sociaux. Il est défini dans le code HTML de votre page avec la balise méta og:image. La taille standard est de 1200x630 pixels.
Quelle doit être la taille des images OG ?
1 200 x 630 pixels (rapport 1,91 : 1) est la norme universelle qui fonctionne sur Facebook, LinkedIn, Twitter et Slack. Certaines plates-formes prennent également en charge 1 200 x 1 200 pour les aperçus carrés.
Pourquoi l'aperçu de mon lien n'affiche-t-il pas d'image ?
Raisons courantes : balise méta og:image manquante, l'URL de l'image est incorrecte, l'image est trop grande (conserver moins de 5 Mo) ou la page n'a pas été réexplorée. Utilisez le débogueur de partage de Facebook pour diagnostiquer.
Ouvrir le redimensionneur d'image