Cas d'usage
Automatisez la génération d’images de partage avec l’API screenshot. Capturez modèles stylisés ou pages en ligne en images Open Graph, cartes Twitter et aperçus LinkedIn — chaque lien partagé par votre équipe paraît soigné et aligné sur la marque.
Produisez des images OG en capturant des modèles HTML aux dimensions attendues par les plateformes (1200x630). Chaque article, fiche produit ou landing reçoit une image de prévisualisation unique et conforme à la charte.
Capturez aux dimensions des cartes Twitter (1200x600) pour un rendu homogène. Utilisez du CSS dédié ou une URL de modèle pour maîtriser le rendu.
Créez des images d’aperçu professionnelles pour les partages LinkedIn. Capturez vos pages ou modèles au bon ratio pour se démarquer dans le fil.
Quand une URL est collée dans Slack, Teams ou Discord, l’image du dépliage compte. Générez des visuels nets et marqués pour des liens soignés dans chaque conversation.
Appelez l’API depuis votre backend pour générer les visuels à la création ou mise à jour de page. Servez-les depuis S3 ou votre CDN avec les en-têtes de cache adaptés.
Bibliothèque de contenus sans vraies images OG ? Soumettez toutes les URL au batch et obtenez un visuel par page en une seule exécution.
Dépassez la simple capture — ajoutez du branding, extrayez des métadonnées et livrez vers votre CDN automatiquement.
Utilisez script_inline pour ajouter filigrane, marque ou texte dynamique avant la capture.
script_inline=(function() {
var badge = document.createElement("div");
badge.style = "position:fixed;bottom:16px;right:16px;
background:#146aea;color:#fff;font-size:14px;
padding:8px 16px;border-radius:8px;z-index:999999;
font-family:sans-serif;font-weight:bold";
badge.textContent = "Read on yourblog.com";
document.body.append(badge);
})() Ajoute un badge d’appel à l’action à chaque visuel — sans retouche d’image manuelle.
Utilisez trackers pour vérifier que og:title, og:description et og:image sont corrects avant publication.
GET /api/screenshot/create ?url=https://blog.example.com/post-slug &screen_width=1200&screen_height=630 &trackers[0][name]=og_title &trackers[0][selector]=meta[property="og:title"] &trackers[0][type]=attribute &trackers[0][attribute]=content &trackers[1][name]=og_image &trackers[1][selector]=meta[property="og:image"] &trackers[1][type]=attribute &trackers[1][attribute]=content
Capture + og:title + URL og:image en JSON — validation avant mise en ligne.
Utilisez apps avec espaces réservés de date pour pousser les images vers S3 ou stockage CDN.
apps[s3]=og-images/{yyyy}/{mm}/{url_path}.png
apps[google-drive]=Social/{yyyy}-{mm}/{domain}.png Les fichiers arrivent par exemple sous og-images/2026/03/post-slug.png — référencez l’URL dans og:image.
Réglez screen_width et screen_height aux dimensions exactes — 1200x630 OG, 1200x600 Twitter, 1080x1080 Instagram.
GET /api/screenshot/create ?url=https://template.example.com/card?title=My+Post &screen_width=1200 &screen_height=630 &device_scale=2 # 2x for retina quality &delay=2 # Wait for fonts to load
Produit une image 2400x1260 « retina » nette sur toutes les plateformes.
Créez une page HTML à votre charte qui reçoit des données dynamiques en query string ou chemin.
Passez l’URL du modèle avec les paramètres. Utilisez un viewport 1200x630 pour les images OG.
Envoyez l’image vers S3, Google Drive ou stockage derrière CDN via les intégrations.
Définissez l’URL de l’image dans og:image et twitter:image.
Le plus courant est 1200x630 px pour Open Graph (Facebook, LinkedIn). Twitter summary_large_image utilise 1200x600. Réglez largeur et hauteur de viewport dans la requête API selon la plateforme.
Oui. Hébergez un modèle HTML léger avec paramètres (titre, auteur, image) en query string, puis capturez cette URL. L’API rend la page complète avec CSS, polices et images.
Utilisez une intégration applicative pour livrer vers S3, Google Drive ou stockage derrière CDN. Référencez l’URL dans la balise og:image.
Oui. Utilisez le point de terminaison batch avec toutes les URL. Chaque page est capturée et les résultats sont livrés au fil du traitement.
Oui. Le rendu utilise de vrais navigateurs Chrome, Brave ou Firefox avec CSS, polices web et JavaScript complets. Le rendu correspond à la page affichée.