Converta seu HTML em uma imagem
Cole até 100 KB de HTML e CSS, escolha largura, altura, escala e formato e clique em Renderizar.
Um design, campos nomeados, uma imagem por chamada
O código vira imagem porque algo mais adiante precisa dela: um cartão de Open Graph, um recibo, um certificado emitido no cadastro. A DynaPictures guarda esse layout como um modelo cujos textos, cores e imagens são campos nomeados, e uma única chamada REST devolve o arquivo pronto em menos de 300 ms.
Como converter HTML em PNG ou JPG
Cole o HTML e o CSS
Copie seu código no editor, com estilos inline ou um bloco de estilos. Até 100 KB por renderização; links do Google Fonts são permitidos.
Defina tamanho e formato
Informe largura e altura em pixels, escala de dispositivo 1x ou 2x para uma saída retina nítida, e PNG, JPG ou WebP como formato.
Renderize e baixe
Clique em Renderizar. A imagem aparece em poucos segundos e o link de download fica ativo por 24 horas.
Por que usar este conversor de HTML para imagem
Renderização em navegador real
Seu HTML é diagramado pelo Chromium headless, então CSS grid, flexbox, sombras e gradientes aparecem exatamente como em um navegador.
Pronto para retina
Escolha a escala 2x para obter uma imagem com o dobro de densidade de pixels e texto nítido em telas de alta resolução.
Três formatos de saída
Exporte PNG quando precisar de transparência, JPG para fotos e arquivos pequenos, ou WebP para páginas web modernas.
Isolado e seguro
O JavaScript fica desativado e apenas Google Fonts podem ser carregadas de fora, então nada é executado e nada vaza.
Como funciona a conversão de HTML para imagem
A ferramenta carrega seu código em um navegador headless isolado com o viewport escolhido, espera as fontes carregarem e captura a página como bitmap. O JavaScript fica desativado e requisições externas além do Google Fonts são bloqueadas, o que mantém a renderização rápida e previsível. O resultado equivale a uma captura de tela desse HTML, mas exatamente no tamanho e na escala que você pediu.
Limites gratuitos
20 renderizações por dia por visitante, até 100 KB de HTML e CSS por renderização, downloads guardados por 24 horas.
Renderização a partir de código
O limite diário é igual para cada visitante. A plataforma da DynaPictures é o outro caminho: renderizar seus próprios modelos pela API, Zapier ou Make, ou preenchê-los a partir de uma planilha.
Fontes e recursos
Vincule Google Fonts no seu HTML; outras folhas de estilo, scripts e imagens externas são bloqueados na ferramenta gratuita, então incorpore-os ou use data URLs.
Perguntas frequentes
Cole o HTML no editor, escolha PNG como formato, defina largura e altura e clique em Renderizar. O download começa no painel de resultado.