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 ao Hyperion. 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 ao Hyperion.

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 ao Hyperion.

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

Referência da Tabela ASCII

Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.

Referência de Caracteres HTML

Lista pesquisável de entidades HTML, seus códigos nomeados e numéricos, e uma cópia com um clique para caracteres e símbolos especiais.

Referência de atalhos de teclado

Pesquise atalhos padrão documentados do VS Code, Chrome e Bash com GNU Readline no macOS, Windows e Linux.

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 EditorConfig

Monte um .editorconfig com as suas regras de indentação, fim de linha e charset e acrescente a seção correta para cada linguagem do seu repositório: Python, Go, YAML, Makefile e mais.

Validador de Email

Valide um endereço de email: verificação de sintaxe RFC 5322, consulta de registro MX em tempo real, além de detalhes de parte local, domínio e comprimento. Nenhum email é enviado.

Ferramenta disponível em outros idiomas