Conversor de HTML para imagem

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

Seu HTML e a imagem gerada permanecem neste navegador. Imagens, fontes ou folhas de estilo remotas são buscadas em seus endereços de origem. Use dados incorporados para uma renderização totalmente offline.

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