O que é uma API de HTML para imagem?

Uma API de HTML para imagem converte código HTML e CSS em PNG, JPG, WebP ou PDF usando um navegador headless. Você envia uma requisição POST com o HTML e recebe a URL da imagem em menos de 2 segundos.

Agora com download automático de fontes

API de HTML para Imagem
pixel-perfect em menos de 2s.

Converta qualquer HTML e CSS em PNG, JPG ou PDF via API REST. Google Fonts automáticas, screenshots de URLs e imagens OG dinâmicas. A API de HTML para imagem mais acessível do mercado.

Comece grátis — 100 renders/mês ↗ Ler a documentação →

POST /v1/render

curl -X POST https://api.starkrender.com/v1/render \

  -H "x-api-key: YOUR_KEY" \

  -H "Content-Type: application/json" \

  -d '{

    "html": "<div style='font-family:Poppins'>...</div>",

    "width": 1080,

    "height": 1350

  '}'

// Resposta

{

  "url": "https://api.starkrender.com/v1/image/uuid",

  "id":  "uuid"

}

200 OK · Renderizado em 1,2s · Poppins baixada automaticamente

Atualização de Mercado

Mercado imobiliário
bate recorde
no 1º trimestre

Dados mostram crescimento anual de +18% nas regiões metropolitanas.

Como funciona

Três passos. Uma chamada de API.

Sem SDK e sem configuração complexa. Envie uma requisição POST e receba a URL da imagem.

✏️

Escreva seu HTML

Use qualquer HTML e CSS. Informe uma Google Font pelo nome e o StarkRender fará o download automaticamente na primeira chamada.

⚡

Envie uma requisição POST

Envie o HTML, a largura e a altura. Se quiser, inclua uma URL de imagem dinâmica para substituir um placeholder no template.

🖼️

Receba a URL da imagem

Receba uma URL permanente da imagem em menos de 2 segundos. Use em posts, e-mails, PDFs e automações.

Recursos

Tudo o que você precisa.
Nada do que não precisa.

Criado para velocidade, confiabilidade e simplicidade. Cada recurso resolve um caso de uso real.

🔤

Download Automático de Fontes

Use mais de 1.400 Google Fonts pelo nome. Elas são baixadas e armazenadas em cache na primeira chamada, sem fallback ou quebra visual.

📸

Screenshot de URL

Capture qualquer URL pública em desktop ou mobile (iPhone 14), página inteira ou viewport. Aguarda JavaScript e lazy loading.

📄

HTML para PDF

Suporte a cores, margens personalizadas e modo paisagem. A4, A3, Carta e Ofício, tudo a partir de HTML e CSS.

🔄

Templates Dinâmicos

Use DYNAMIC_IMAGE_URL como placeholder. Envie a URL real da imagem em cada requisição e reutilize o mesmo template.

⚙️

Suporte Completo a HTML + CSS

Renderizado pelo Chromium, o mesmo mecanismo do Google Chrome. Flexbox, Grid, variáveis CSS, gradientes e sombras são suportados.

🔗

Make, Zapier & n8n

Integre em minutos por módulos HTTP e webhooks. Sem SDK, pronto para automações confiáveis em produção.

Demo ao Vivo

Teste agora.

Edite o HTML abaixo e clique em Renderizar Imagem. O resultado é gerado pela nossa API real em tempo real.

<div style="display:flex;width:1080px;height:1350px;background:#090909;font-family:Inter,sans-serif;color:#FFFFFF;box-sizing:border-box;position:relative;overflow:hidden;flex-direction:column;padding:62px;">
  <div style="display:flex;position:absolute;width:650px;height:650px;border-radius:50%;background:#DFFF00;right:-255px;top:185px;"></div>
  <div style="display:flex;position:absolute;width:310px;height:310px;border-radius:50%;background:#FF5938;left:-120px;bottom:165px;"></div>
  <div style="display:flex;position:absolute;width:540px;height:540px;border-radius:50%;border:2px solid rgba(255,255,255,0.18);right:34px;bottom:-265px;"></div>
  <div style="display:flex;justify-content:space-between;align-items:center;z-index:2;">
    <div style="display:flex;align-items:center;gap:14px;">
      <div style="display:flex;width:34px;height:34px;background:#DFFF00;transform:rotate(45deg);"></div>
      <div style="display:flex;font-size:22px;font-weight:900;letter-spacing:3px;">VANTA / RUN CLUB</div>
    </div>
    <div style="display:flex;border:1px solid #444;border-radius:99px;padding:12px 20px;color:#B8B8B8;font-size:14px;letter-spacing:2px;">EDIÇÃO 07 · 2026</div>
  </div>
  <div style="display:flex;flex:1;flex-direction:column;justify-content:center;z-index:2;margin-top:45px;">
    <div style="display:flex;color:#DFFF00;font-size:18px;font-weight:900;letter-spacing:6px;margin-bottom:24px;">SEM LINHA DE CHEGADA</div>
    <div style="display:flex;flex-direction:column;font-size:148px;font-weight:900;line-height:0.82;letter-spacing:-9px;">
      <div style="display:flex;">MOVA-SE</div>
      <div style="display:flex;color:#090909;text-shadow:3px 3px 0 #FFFFFF,-3px -3px 0 #FFFFFF,3px -3px 0 #FFFFFF,-3px 3px 0 #FFFFFF;">DIFERENTE.</div>
    </div>
    <div style="display:flex;width:480px;margin-top:48px;color:#D0D0D0;font-size:24px;line-height:1.45;">Feito para os quilômetros que ninguém vê e os momentos que todos lembram.</div>
  </div>
  <div style="display:flex;z-index:2;align-items:flex-end;justify-content:space-between;">
    <div style="display:flex;gap:12px;align-items:flex-end;">
      <div style="display:flex;font-size:88px;font-weight:300;color:#DFFF00;line-height:0.8;">12.4</div>
      <div style="display:flex;flex-direction:column;color:#A0A0A0;font-size:14px;line-height:1.35;">
        <div style="display:flex;color:#FFFFFF;font-weight:800;">KM / TREINO NOTURNO</div>
        <div style="display:flex;">SÁBADO · 20:00</div>
      </div>
    </div>
    <div style="display:flex;background:#FFFFFF;color:#090909;padding:18px 24px;font-size:15px;font-weight:900;letter-spacing:2px;">PARTICIPE DA CORRIDA →</div>
  </div>
</div>

● Exemplo carregado (1080 × 1350) ↓ Baixar PNG

Post para Instagram renderizado a partir do HTML exibido no demo do StarkRender

⚡ Render rápido com Satori (~50ms), apenas HTML e CSS puros. Exige display:flex em elementos com múltiplos filhos. Sem JavaScript. Ver documentação →

Ver mais exemplos → examples.html

Para todos

Feito para devs,
agências e automações.

Uma API. Três fluxos. Escolha o seu.

Para Desenvolvedores

Um POST.
Resultado perfeito.

API REST simples, sem SDK obrigatório e compatível com qualquer linguagem. Lance recursos de geração de imagens em horas, não dias.

API REST com corpo JSON
Qualquer framework ou linguagem
URLs permanentes de imagens
Saída em PNG, JPG, WebP e PDF
Dimensões personalizadas de viewport

Para Agências

Escale conteúdo
para todos os clientes.

Gere visuais de marca, propostas e relatórios em escala. Use uma chave por cliente ou uma para toda a operação.

Renderização em lote com baixo custo
Templates HTML por marca
Propostas e relatórios em PDF
Carrosséis para redes sociais
Pronto para white-label

Para Make / No-Code

Conecte em
2 minutos.

Use o módulo HTTP no Make.com, Zapier ou n8n. Envie o HTML e receba a URL da imagem, sem código.

Integração com Make.com
Compatível com Zapier e n8n
Nenhum código necessário
Funciona com Airtable, Notion e Sheets
URLs de imagem instantâneas para qualquer fluxo

Preços

Preços transparentes.
Mais acessível que os demais.

Sem taxas ocultas ou cobrança por usuário. Você paga pelos renders e pronto.

100 renders / mês

Grátis

Começar grátis

2,000 renders / mês

$7 / mês

Começar

8,000 renders / mês Mais popular

$19 / mês

Começar

30,000 renders / mês

$49 / mês

Começar

100,000 renders / mês

$99 / mês

Começar

500,000 renders / mês

$299 / mês

Começar

1,000,000 renders / mês

$599 / mês

Começar

Todos os planos incluem HTML para Imagem, Screenshot de URL e geração de PDF. Sem cobrança por usuário. Cancele quando quiser.

Ver página completa de preços e tabela comparativa →

FAQ

Perguntas frequentes.

Na primeira requisição com uma nova Google Font, o StarkRender baixa e armazena automaticamente os pesos 400, 700 e 900. O render usa a fonte correta e as próximas chamadas aproveitam o cache.

O StarkRender suporta PNG, JPG e PDF em todos os planos. Também é possível capturar qualquer URL pública em página inteira ou viewport, no desktop ou mobile.

Use o módulo HTTP da plataforma. Método: POST, URL: https://api.starkrender.com/v1/render, header x-api-key com sua chave e o HTML no corpo JSON. A resposta retorna a URL da imagem.

Cada chamada bem-sucedida para /v1/render, /v1/screenshot ou /v1/pdf conta como um render, independentemente do tamanho. Requisições com erro 4xx ou 5xx não são contabilizadas.

Mais dúvidas? Ver FAQ completa →

API de HTML para Imagem
pixel-perfect em menos de 2s.