HTML naar afbeelding API — render uw HTML en CSS als afbeeldingen of PDF's
Plak uw eigen HTML en CSS in een HTML-sjabloon, markeer de onderdelen die veranderen met dubbele-accolade placeholders, en render het naar PNG, JPEG, WebP of PDF met één API-aanroep — getekend door headless Chromium, dus modern CSS rendert zoals in Chrome.
100 renders / maand gratis · geen kaart · betaalde plannen worden nooit geblokkeerdProbeer het gratis: zet HTML om in een PNG in je browser →Hoe het werkt
Plak uw HTML
Maak een HTML-sjabloon in de editor en plak uw opmaak en stijlen. Een live preview toont exact wat rendert.
Markeer de variabelen
Verpak alles wat verandert in dubbele accolades — een titel, een prijs, een afbeeldings-URL. De standaarden van het sjabloon vullen in wat een verzoek achterlaat.
Renderen via de API
POST de sjabloon-id met uw waarden als wijzigingen en ontvang terug een afbeelding of PDF-URL — of plaats de waarden in een ondertekende URL voor og:image-tags en e-mail.
Eén API-aanroep
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"}}'Vragen
Kan ik mijn eigen HTML gebruiken in plaats van de visuele editor?
Ja. Een HTML-sjabloon houdt uw opmaak en CSS precies zoals geschreven, en elke dubbele-accolade placeholder wordt een API-parameter. HTML-sjablonen en sjablonen van visuele laag renderen via dezelfde API, dus u kunt beide in één account gebruiken.
Kan ik onbewerkte HTML in elk API-verzoek sturen?
Niet direct. De HTML leeft in een opgeslagen sjabloon en elk verzoek stuurt alleen de waarden, wat verzoeken klein houdt en laat identieke renders uit cache worden bediend. Om een pagina die al online is vast te leggen, stuur de URL in plaats daarvan naar het screenshot-eindpunt.
Wordt CSS op dezelfde manier weergegeven als in mijn browser?
Sjablonen worden weergegeven door headless Chromium, dus modern CSS — flexbox, grid, aangepaste eigenschappen — gedraagt zich zoals in Chrome.
Worden mijn waarden ontsnapt wanneer ze een placeholder invullen?
Ja. Een dubbele-accolade placeholder voegt de waarde in als tekst met ontsnapte HTML-tekens, dus gebruikersgegevens kunnen geen opmaak injecteren. Gebruik een drievoudige-accolade placeholder alleen wanneer u opzettelijk vertrouwde HTML wilt invoegen.
Welke uitvoerformaten worden ondersteund?
PNG (standaard), JPEG, WebP en PDF uit dezelfde sjabloon. Ondertekende render-URL's accepteren ook q (0–100) voor JPEG en WebP-kwaliteit en scale (1–3) voor scherper resultaat op schermen met hoge dichtheid.
Hoe verschilt het van HTMLCSStoImage?
Beide zetten HTML en CSS om in afbeeldingen. MostlyRender voegt een editor voor de visuele laag toe naast HTML-sjablonen en factureert overages op $3–$5 per 1.000 tegen HCTI's $10 in onze review van juni 2026. HCTI is de goedkopere manier, op $14 voor 1.000 afbeeldingen.
Hoeveel kost HTML naar afbeelding rendering?
Elke afbeelding of PDF is één render. Het Free plan omvat 100 renders per maand; Starter is $19 voor 2.000, Pro $49 voor 10.000 en Scale $149 voor 50.000, met gepubliceerde overages in plaats van een harde limiet op betaalde plannen.