Générateur d'images OG dans le navigateur
Saisissez un titre, choisissez une mise en page et vos couleurs de marque, puis téléchargez aussitôt un PNG 1200×630. Sans inscription et sans filigrane.
Vérificateur avec aperçus par plateforme
Collez n'importe quelle URL pour voir chaque balise Open Graph, repérer un og:image:alt manquant ou un twitter:card erroné, et prévisualiser la carte sur quatre plateformes simultanément.
Neuf modèles Next.js open source
Des routes copiables pour les cartes titre, article de blog, capture en direct, téléphone, bouton, profil et avis, rendues avec Satori et stylées avec Tailwind CSS.
Galerie de 429 images OG réelles
Un fichier de cartes conçues volontairement par des startups actives, triées par catégories comme SaaS, IA, Design et Ecommerce, avec la palette de chacune.
Guides sur les fondamentaux d'Open Graph
Des articles de référence sur ce qu'est une image OG, le standard 1200×630 et les limites par plateforme, les règles de la balise og:image et les options d'implémentation Next.js.
Le problème résolu ici est très concret : faire en sorte qu'un lien partagé donne envie d'être cliqué. ogimage.org l'aborde avec quatre briques liées. Le générateur produit une carte 1200×630 directement dans le navigateur à partir d'un titre, d'une mise en page et des couleurs de marque, sans compte ni filigrane, avec un aperçu en direct pendant la saisie. Le vérificateur accepte n'importe quelle URL et fournit un diagnostic balise par balise — taille de l'image, valeur de twitter:card, absence de og:image:alt — ainsi que le rendu du lien sur quatre plateformes.
La partie modèles vise les développeurs qui veulent des cartes générées automatiquement plutôt que fabriquées à la main. Neuf routes Next.js couvrent des schémas courants : titre, article de blog, capture en direct, téléphone, bouton, profil et avis. Chaque route rend du JSX via Satori et l'habille avec Tailwind CSS, et tout le code est clonable sous licence MIT. La galerie complète l'ensemble comme référence de design : 429 images Open Graph réelles de startups actives, filtrables par catégorie et affichées avec la palette de chaque carte, ce qui en fait un fichier d'inspiration pour designers et marketeurs.
Tout sur le site est gratuit et publié comme un unique dépôt public. Pas d'offre payante, pas de compte obligatoire, pas de service d'hébergement d'images : on génère, on télécharge et on héberge soi-même. Des guides complémentaires expliquent le format standard de l'image OG, les règles de la balise og:image, la référence des balises Open Graph et les approches d'implémentation avec Next.js.
