Softonic

Conversor de HTML para imagem

Etapa 1 / 3

Cole um trecho de HTML. Scripts, formulários, frames e manipuladores de eventos são removidos antes da renderização.

Transforme um trecho de HTML e CSS em PNG ou JPG de tamanho fixo sem enviar o código ou a imagem gerada aos nossos servidores. Escolha uma tela de 64 a 1.920 px por lado e escala de 1x a 3x, depois visualize e baixe o resultado no navegador.

Como renderizar HTML como imagem

  1. 1

    Cole o código

    Insira um trecho ou documento HTML. CSS inline e regras `<style>` são aceitos; scripts, formulários, frames e manipuladores de eventos são removidos.

  2. 2

    Defina a tela

    Escolha PNG ou JPG, informe largura e altura e selecione uma escala de 1x a 3x.

  3. 3

    Renderize a prévia

    O navegador monta o código limpo dentro de um quadro isolado de tamanho fixo.

  4. 4

    Baixe localmente

    Salve o PNG ou JPG diretamente. O arquivo gerado não é enviado aos nossos servidores.

O que o renderizador do navegador aceita

O conversor usa o mecanismo de layout do navegador. HTML comum, CSS inline, regras <style>, Flexbox, Grid, gradientes, sombras, SVG incorporado e fontes instaladas podem aparecer no resultado. Ele cria uma imagem raster estática, e não uma cópia interativa da página.

Regras da tela e da saída

Configuração Faixa aceita Comportamento
Largura 64 a 1.920 px Largura CSS exata do quadro
Altura 64 a 1.920 px Altura CSS exata; o excesso é cortado
Escala 1x a 3x Aumenta a resolução sem mudar o layout
PNG Imagem de tamanho fixo Mantém áreas transparentes
JPG Imagem de tamanho fixo Usa qualidade de 92% e fundo branco

A saída é limitada a 16 megapixels para preservar a memória do navegador. Se dimensões e escala ultrapassarem esse valor, a ferramenta reduz a escala para o maior passo seguro de 0,5x. O código HTML pode ter até 100.000 caracteres.

Privacidade e recursos remotos

O HTML e a imagem de dados criada ficam no navegador atual. No modo guiado, as configurações permanecem no armazenamento de sessão desta aba até a etapa seguinte e são apagadas ao começar de novo. A ferramenta não envia o código nem a imagem aos nossos servidores.

Uma URL externa é uma exceção. Imagens, fontes e folhas de estilo remotas são solicitadas aos servidores de origem, que podem ver a requisição. Elas também podem falhar por CORS ou controle de acesso. Incorpore imagens e fontes como URLs de dados e mantenha o CSS inline para renderizar totalmente offline.

Limites de segurança e fidelidade

Scripts, formulários, frames aninhados, objetos incorporados e atributos de evento são removidos antes da captura. Isso deixa a prévia sem interação, mas não substitui um sanitizador de HTML para conteúdo que será publicado em outro lugar. Widgets JavaScript não rodam, o estado de vídeo e canvas não é garantido, animações viram um quadro estático e CSS específico do navegador pode variar em outro mecanismo.

Perguntas frequentes

Sim. O renderizador usa regras <style> e links de folhas de estilo compatíveis do cabeçalho e captura o conteúdo do body. Scripts, metadados, formulários, frames e manipuladores ativos são removidos, então o resultado não funciona como uma página navegável.

O servidor de origem pode bloquear uso entre domínios, exigir autenticação ou responder tarde demais. Use uma URL acessível com CORS ou incorpore o recurso como URL de dados.

PNG mantém pixels transparentes. JPG usa fundo branco e qualidade fixa de 92%, geralmente menor para fotos. A ferramenta não exporta WebP nem oferece um controle separado de qualidade.

O conversor limita a saída a 16 megapixels. Com uma tela grande, ele escolhe automaticamente o maior passo seguro de 0,5x para não esgotar a memória do navegador.

Ferramentas relacionadas

Gerador de Cartão CSS

Crie o CSS de um contêiner de cartão: fundo, borda, raio dos cantos, espaçamento interno e sombra suave, com pré-visualização imediata e código para copiar e colar.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Gerador de Docker Compose

Gere um docker-compose.yml a partir de definições de serviços com imagem, portas e volumes, com padrões de boas práticas.

Conversor de base numérica

Converta números entre binário, octal, decimal, hexadecimal e qualquer base personalizada de 2 a 36, com o detalhamento posicional.

Visualizador de Markdown

Escreva Markdown e veja a renderização HTML atualizar ao vivo. Sintaxe com estilo GitHub, incluindo tabelas, listas de tarefas, blocos de código cercados e autolinks.

Gerador de Configuração Nginx

Gere blocos de servidor Nginx com TLS, HTTP/2, gzip, cache de navegador e regras de proxy reverso a partir de um formulário simples.

Ferramenta disponível em outros idiomas