Comment fonctionnent les modèles ?

Vous enregistrez une fois du HTML et du CSS contenant des espaces réservés. Chaque rendu envoie les variables de cette image et reçoit les octets en retour, rendus à la largeur et à la hauteur que vous avez définies pour le modèle.

Puis-je changer le design sans modifier mon application ?

Oui, c'est tout l'intérêt d'enregistrer le modèle. Mettez à jour le HTML enregistré et chaque rendu suivant l'utilise, sans déploiement et sans modifier le code qui demande les images.

Quels formats puis-je obtenir ?

PNG, JPEG ou WebP à chaque requête, pour que le même modèle serve un fichier sans perte à un endroit et un fichier léger à un autre.

Puis-je inclure un QR code dans l'image ?

Oui. Envoyez un objet qr avec le rendu : chaque code est généré, vérifié pour la lecture et injecté comme variable, pour être intégré au design. Les QR codes n'ajoutent rien à ce que l'image compte.

Dois-je stocker les images terminées ?

Seulement si vous le souhaitez. Une URL de rendu signée génère l'image à la demande à l'URL elle-même : vous pouvez la placer directement dans une page ou un e-mail sans générer ni héberger le fichier au préalable.

Puis-je faire le rendu de HTML ponctuel sans enregistrer de modèle ?

Oui. L'endpoint de capture d'écran accepte du HTML directement à la place d'une URL, ce qui convient à une mise en page qui change à chaque fois. Les modèles enregistrés conviennent à un même design rendu de nombreuses fois.

Combien coûte une image ?

Chaque image générée compte une fois sur le compteur des images générées à partir de modèles, qui dispose d'un quota gratuit chaque mois ; les tarifs figurent dans la section Tarifs de cette page. Les accès au cache ne comptent rien, un rendu échoué n'est pas compté, et une utilisation payante qui dépasserait la limite d'utilisation mensuelle que vous fixez est refusée avant de commencer.

Concevez une fois. Générez des milliers d'images à partir de données

Enregistrez une mise en page en HTML et CSS, puis générez-la avec des variables différentes à chaque requête. Des images à vos couleurs à partir des données que vous avez déjà, sans exploiter de worker de rendu ni reconstruire le design dans une bibliothèque d'images.

Créer un compte gratuit Lire la documentation de l'API

250 images de modèles gratuites chaque mois
Modèles enregistrés
QR codes vérifiés inclus
Infrastructure exploitée au Royaume-Uni

Un seul modèle

Le design a sa place à un seul endroit

Générer des images à partir de données revient généralement à choisir entre deux mauvaises options : reconstruire la mise en page dans une bibliothèque canvas ou d'images, où les polices et les retours à la ligne vous résistent, ou exploiter votre propre navigateur headless et le maintenir en vie entre deux lancements.

Ironfang Render enregistre le HTML et le CSS et en fait le rendu avec les variables que vous envoyez. Modifiez le modèle enregistré et chaque image suivante en tient compte, sans déploiement et sans rien à invalider.

POST /render/v1/image/og-card
Authorization: Bearer if_live_...

{
  "vars": {
    "title": "Why we own our hardware",
    "author": "Ironfang"
  },
  "format": "png"
}

200 image/png

Fonctionnalités

Un système de design, pas une API de dessin

Tout ce que vous attendez du HTML, avec l'enregistrement et la substitution qui transforment un design en de nombreuses images.

Concevez en HTML et CSS
Utilisez le langage de mise en page que vous connaissez déjà, avec les polices, les dégradés et la grille que vous utiliseriez n'importe où ailleurs. Pas d'API canvas, pas de DSL de bibliothèque d'images.
Modèles enregistrés
Enregistrez le design une fois avec des espaces réservés, puis générez-le avec des variables différentes à chaque requête. Le design vit à un seul endroit plutôt que dans chaque appel.
Changez le design, pas le code
Mettez à jour le modèle enregistré et chaque image suivante suit. Pas de déploiement, rien à purger, car le prochain rendu utilise déjà le nouveau design.
Des QR codes vérifiés intégrés
Envoyez un objet qr : le code est généré, vérifié pour la lecture et intégré à la mise en page comme variable. Les QR codes n'ajoutent rien à ce que l'image compte.
URL signées
Créez une URL qui génère le modèle à la demande : l'image existe à une URL sans que votre application ait à la générer, la stocker ou la servir.
PNG, JPEG ou WebP
Choisissez le format à chaque requête à partir d'un seul modèle, sur un Chromium toujours prêt qu'Ironfang exploite au Royaume-Uni. Les accès au cache ne comptent rien, et les rendus échoués ne sont jamais facturés.

Cas d'usage

Un design, de nombreuses images

Partout où la mise en page est fixe et le contenu change, c'est-à-dire pour la plupart des images générées.

Cartes sociales et de partage

Un modèle, une image par page, avec le titre et l'auteur en variables.

Certificats et badges

Personnalisez pour chaque destinataire et intégrez un QR code vérifié pour contrôler le document plus tard.

Visuels de produits et d'annonces

Générez une image à vos couleurs pour chaque référence ou annonce à partir des données que vous avez déjà.

Images marketing personnalisées

Générez une variante par destinataire ou par campagne sans faire intervenir un designer pour chacune.

Visuels de rapports automatisés

Transformez un chiffre hebdomadaire en visuel à vos couleurs pour le récapitulatif, généré au moment où le récapitulatif est construit.

Billets et pass

Combinez les données de réservation et un code vérifié pour la lecture en une seule image pour le wallet ou l'e-mail.

Vous générez des images Open Graph ?

Les cartes sociales sont l'usage le plus courant de cette API, et elles ont leur propre balisage et leur propre flux d'URL signées. Une page est consacrée exactement à ce besoin.

API d'images Open Graph Essayer HTML vers image gratuitement

Tarifs

Facturé par image générée

Chaque image générée à partir d'un modèle compte une fois. Les QR codes qu'elle contient n'y ajoutent rien, un rendu échoué n'est pas compté, et les accès au cache ne comptent rien. Chaque compte dispose d'un quota gratuit chaque mois, sans carte. Au-delà, Pay as you go facture les tarifs ci-dessous, dans la limite d'utilisation mensuelle que vous fixez. Prix hors TVA.

Images générées à partir de modèles

Chaque image générée à partir d'un modèle.

Quota gratuit : 250 images générées à partir de modèles par mois

Unités payantes après le quota gratuit	Tarif pour 1 000
Les 10 000 premières	1,00 £
Les 90 000 suivantes	0,70 £
Les 900 000 suivantes	0,50 £
Au-delà de 1 000 000	0,40 £

Voir les tarifs d'Ironfang Render Comparer avec d'autres fournisseurs

Questions

Avant de vous lancer

Les détails qui décident si la solution vous convient, sans lire d'abord toute la référence.

Comment fonctionnent les modèles ?: Vous enregistrez une fois du HTML et du CSS contenant des espaces réservés. Chaque rendu envoie les variables de cette image et reçoit les octets en retour, rendus à la largeur et à la hauteur que vous avez définies pour le modèle.
Puis-je changer le design sans modifier mon application ?: Oui, c'est tout l'intérêt d'enregistrer le modèle. Mettez à jour le HTML enregistré et chaque rendu suivant l'utilise, sans déploiement et sans modifier le code qui demande les images.
Quels formats puis-je obtenir ?: PNG, JPEG ou WebP à chaque requête, pour que le même modèle serve un fichier sans perte à un endroit et un fichier léger à un autre.
Puis-je inclure un QR code dans l'image ?: Oui. Envoyez un objet qr avec le rendu : chaque code est généré, vérifié pour la lecture et injecté comme variable, pour être intégré au design. Les QR codes n'ajoutent rien à ce que l'image compte.
Dois-je stocker les images terminées ?: Seulement si vous le souhaitez. Une URL de rendu signée génère l'image à la demande à l'URL elle-même : vous pouvez la placer directement dans une page ou un e-mail sans générer ni héberger le fichier au préalable.
Puis-je faire le rendu de HTML ponctuel sans enregistrer de modèle ?: Oui. L'endpoint de capture d'écran accepte du HTML directement à la place d'une URL, ce qui convient à une mise en page qui change à chaque fois. Les modèles enregistrés conviennent à un même design rendu de nombreuses fois.
Combien coûte une image ?: Chaque image générée compte une fois sur le compteur des images générées à partir de modèles, qui dispose d'un quota gratuit chaque mois ; les tarifs figurent dans la section Tarifs de cette page. Les accès au cache ne comptent rien, un rendu échoué n'est pas compté, et une utilisation payante qui dépasserait la limite d'utilisation mensuelle que vous fixez est refusée avant de commencer.

Moins à exploiter. Plus à livrer.

Générez votre premier modèle

Créez un compte, enregistrez un design et envoyez les variables. Chaque compte dispose d'images de modèles gratuites chaque mois.

Créer un compte gratuit Lire la référence de l'API

250 images de modèles gratuites chaque mois, aucune carte requise et aucun frais pour les rendus échoués.

Concevez une fois. Générez des milliers d'images à partir de données

Le design a sa place à un seul endroit

Concevez en HTML et CSS

Modèles enregistrés

Changez le design, pas le code

Des QR codes vérifiés intégrés

URL signées

PNG, JPEG ou WebP