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. La génération de QR codes ne coûte aucun crédit.

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 ?

Un crédit par image générée. Les réponses en cache ne coûtent rien, le travail échoué est remboursé, et atteindre un plafond interrompt le rendu au lieu de facturer un dépassement.

API HTML vers image

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

Un crédit par image
Modèles enregistrés
QR codes vérifiés inclus
Infrastructure exploitée au Royaume-Uni

<h1>{{title}}</h1>
<p>{{author}}</p>

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

IRONFANG

Why we own our hardware

ironfang.uk

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. La génération de QR codes ne coûte aucun crédit.

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, avec des réponses en cache gratuites et des échecs remboursé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

Un crédit par image générée

Commencez avec 250 crédits gratuits chaque mois, sans carte. Les offres payantes commencent à 9 £ par mois pour 5 000 crédits, partagés entre captures d'écran, PDF, images et vidéo. Les QR codes dans vos modèles ne coûtent rien, les réponses en cache sont gratuites, le travail échoué est remboursé, et atteindre un plafond interrompt le rendu au lieu de facturer un dépassement.

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. La génération de QR codes ne coûte aucun crédit.
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 ?: Un crédit par image générée. Les réponses en cache ne coûtent rien, le travail échoué est remboursé, et atteindre un plafond interrompt le rendu au lieu de facturer un dépassement.

Moins à exploiter. Plus à livrer.

Générez votre premier modèle

Créez un compte, enregistrez un design et envoyez les variables. La première image est comprise dans vos crédits gratuits.

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

250 crédits gratuits chaque mois, sans carte, avec des plafonds d'utilisation stricts et le remboursement des travaux échoués.