API HTML vers image — affichez votre HTML et CSS en images ou PDF
Collez votre propre HTML et CSS dans un modèle HTML, marquez les parties qui changent avec des emplacements à double accolade, et affichez-le en PNG, JPEG, WebP ou PDF avec un appel API — dessiné par Chromium sans tête, donc le CSS moderne s'affiche comme dans Chrome.
100 renders / mois gratuits · pas de carte · les plans payants ne sont jamais bloquésEssayez gratuitement : convertissez du HTML en PNG dans votre navigateur →Comment ça marche
Collez votre HTML
Créez un modèle HTML dans l'éditeur et collez votre balisage et vos styles. Un aperçu en direct montre exactement ce qui sera affiché.
Marquez les variables
Enveloppez tout ce qui change entre des accolades doubles — un titre, un prix, une URL d'image. Les valeurs par défaut du modèle remplissent tout ce qu'une demande omet.
Affichez via API
POST l'id du modèle avec vos valeurs comme modifications et récupérez une URL d'image ou PDF — ou mettez les valeurs dans une URL signée pour les balises og:image et l'e-mail.
Un appel API
curl https://api.mostlyrender.com/v1/renders \
-H "Authorization: Bearer mr_test_YOUR_KEY" \
-H "Content-Type: application/json" \
-d '{"templateId":"tpl_html_card","modifications":{"title":"Northwind Co.","subtitle":"v2.4 · 14 Oct"}}'Questions
Puis-je utiliser mon propre HTML au lieu de l'éditeur visuel ?
Oui. Un modèle HTML conserve votre balisage et votre CSS exactement comme écrits, et n'importe quel emplacement à double accolade devient un paramètre API. Les modèles HTML et les modèles de couche visuelle sont rendus via la même API, donc vous pouvez utiliser les deux dans un seul compte.
Puis-je envoyer du HTML brut à chaque demande API ?
Pas directement. Le HTML se trouve dans un modèle enregistré et chaque demande n'envoie que les valeurs, ce qui garde les demandes petites et permet aux renders identiques d'être servis à partir du cache. Pour capturer une page déjà en ligne, envoyez son URL au point de terminaison de capture à la place.
Le CSS s'affiche-t-il comme dans mon navigateur ?
Les modèles sont rendus par Chromium sans tête, donc le CSS moderne — flexbox, grid, propriétés personnalisées — se comporte comme dans Chrome.
Mes valeurs sont-elles échappées quand elles remplissent un emplacement ?
Oui. Un emplacement à double accolade insère la valeur en tant que texte avec des caractères HTML échappés, de sorte que les données utilisateur ne peuvent pas injecter de balisage. Utilisez un emplacement à triple accolade uniquement lorsque vous souhaitez délibérément insérer du HTML de confiance.
Quels formats de sortie sont supportés ?
PNG (par défaut), JPEG, WebP et PDF à partir du même modèle. Les URLs render signées acceptent également q (0–100) pour la qualité JPEG et WebP et scale (1–3) pour une sortie plus nette sur les écrans haute densité.
En quoi cela diffère-t-il de HTMLCSStoImage ?
Les deux convertissent HTML et CSS en images. MostlyRender ajoute un éditeur de couche visuelle à côté des modèles HTML et facture les dépassements à 3–5 $ par 1 000 contre les 10 $ de HCTI dans notre examen de juin 2026. HCTI est le moyen moins cher, à 14 $ pour 1 000 images.
Combien coûte le rendu HTML vers image ?
Chaque image ou PDF correspond à un render. Le plan Free inclut 100 renders par mois ; Starter coûte 19 $ pour 2 000, Pro 49 $ pour 10 000 et Scale 149 $ pour 50 000, avec des dépassements publiés au lieu d'un plafond dur sur les plans payants.