API da HTML a immagine — renderizza il tuo HTML e CSS come immagini o PDF
Incolla il tuo HTML e CSS in un template HTML, contrassegna le parti che cambiano con placeholder con doppie graffe, e renderizza in PNG, JPEG, WebP o PDF con una sola chiamata API — disegnato da Chromium headless, quindi il CSS moderno renderizza come in Chrome.
100 render / mese gratuiti · nessuna carta · i piani a pagamento non vengono mai bloccatiProvalo gratis: converti HTML in PNG nel browser →Come funziona
Incolla il tuo HTML
Crea un template HTML nell'editor e incolla il tuo markup e i tuoi stili. Un'anteprima dal vivo mostra esattamente cosa sarà renderizzato.
Contrassegna le variabili
Avvolgi tutto ciò che cambia tra doppie graffe — un titolo, un prezzo, un URL di immagine. I valori predefiniti del template riempiono tutto ciò che una richiesta lascia fuori.
Renderizza via API
POST l'id del template con i tuoi valori come modifiche e ricevi indietro un URL di immagine o PDF — o inserisci i valori in un URL firmato per tag og:image e email.
Una chiamata 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"}}'Domande
Posso usare il mio HTML invece dell'editor visuale?
Sì. Un template HTML mantiene il tuo markup e CSS esattamente come scritti, e qualsiasi placeholder con doppie graffe diventa un parametro API. I template HTML e i template di livello visuale renderizzano attraverso la stessa API, quindi puoi usare entrambi in un account.
Posso inviare HTML puro in ogni richiesta API?
Non direttamente. L'HTML vive in un template salvato e ogni richiesta invia solo i valori, il che mantiene le richieste piccole e consente ai render identici di essere serviti dalla cache. Per acquisire una pagina già online, invia il suo URL all'endpoint screenshot invece.
Il CSS renderizza allo stesso modo che nel mio browser?
I template vengono renderizzati da Chromium headless, quindi il CSS moderno — flexbox, grid, proprietà personalizzate — si comporta come in Chrome.
I miei valori vengono scappati quando riempiono un placeholder?
Sì. Un placeholder con doppie graffe inserisce il valore come testo con caratteri HTML scappati, quindi i dati dell'utente non possono iniettare markup. Usa un placeholder con triple graffe solo quando vuoi deliberatamente inserire HTML attendibile.
Quali formati di output sono supportati?
PNG (il valore predefinito), JPEG, WebP e PDF dallo stesso template. Gli URL di rendering firmati accettano anche q (0–100) per la qualità JPEG e WebP e scale (1–3) per un output più nitido su schermi ad alta densità.
Come si differenzia da HTMLCSStoImage?
Entrambi trasformano HTML e CSS in immagini. MostlyRender aggiunge un editor di livello visuale accanto ai template HTML e fattura l'eccedenza a $3–$5 per 1.000 rispetto ai $10 di HCTI nella nostra revisione di giugno 2026. HCTI è il modo più economico per iniziare, a $14 per 1.000 immagini.
Quanto costa il rendering da HTML a immagine?
Ogni immagine o PDF è un render. Il piano Free include 100 render al mese; Starter costa $19 per 2.000, Pro $49 per 10.000 e Scale $149 per 50.000, con eccedenza pubblicata invece di un limite rigido nei piani a pagamento.