API HTML para imagem — renderize seu HTML e CSS como imagens ou PDFs
Cole seu próprio HTML e CSS em um template HTML, marque as partes que mudam com placeholders de chaves duplas e renderize para PNG, JPEG, WebP ou PDF com uma chamada de API — desenhado por Chromium headless, então CSS moderno renderiza como faz no Chrome.
100 renders/mês grátis · sem cartão · planos pagos nunca são bloqueadosExperimente grátis: converta HTML em PNG no seu navegador →Como funciona
Cole seu HTML
Crie um template HTML no editor e cole sua marcação e estilos. Uma visualização ao vivo mostra exatamente o que será renderizado.
Marque as variáveis
Envolva qualquer coisa que mude em chaves duplas — um título, um preço, uma URL de imagem. Os padrões do template preenchem o que uma solicitação deixar de fora.
Renderize via API
POST o id do template com seus valores como modificações e obtenha de volta uma URL de imagem ou PDF — ou coloque os valores em uma URL assinada para tags og:image e e-mail.
Uma chamada de 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"}}'Perguntas
Posso usar meu próprio HTML em vez do editor visual?
Sim. Um template HTML mantém sua marcação e CSS exatamente como escritos, e qualquer placeholder de chaves duplas torna-se um parâmetro de API. Templates HTML e templates de camada visual renderizam através da mesma API, então você pode usar ambos em uma conta.
Posso enviar HTML bruto em cada solicitação de API?
Não diretamente. O HTML reside em um template salvo e cada solicitação envia apenas os valores, o que mantém as solicitações pequenas e permite que renders idênticos sejam servidos do cache. Para capturar uma página que já está online, envie sua URL para o endpoint de screenshot.
CSS renderiza da forma que faz no meu navegador?
Os templates são renderizados por Chromium headless, então CSS moderno — flexbox, grid, propriedades personalizadas — se comporta como no Chrome.
Meus valores são escapados quando preenchem um placeholder?
Sim. Um placeholder de chaves duplas insere o valor como texto com caracteres HTML escapados, então dados do usuário não podem injetar marcação. Use um placeholder de três chaves apenas quando você deliberadamente quer inserir HTML confiável.
Quais formatos de saída são suportados?
PNG (o padrão), JPEG, WebP e PDF do mesmo template. URLs de render assinadas também aceitam q (0–100) para qualidade JPEG e WebP e scale (1–3) para saída mais nítida em telas de alta densidade.
Como é diferente de HTMLCSStoImage?
Ambos transformam HTML e CSS em imagens. MostlyRender adiciona um editor de camada visual junto com templates HTML e cobra excedente a $3–$5 por 1.000 contra os $10 do HCTI em nossa revisão de junho de 2026. HCTI é a forma mais barata de começar, a $14 por 1.000 imagens.
Quanto custa renderizar HTML para imagem?
Cada imagem ou PDF é um render. O plano Free inclui 100 renders por mês; Starter é $19 para 2.000, Pro $49 para 10.000 e Scale $149 para 50.000, com excedente publicado em vez de limite rígido em planos pagos.