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
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
Defina a tela
Escolha PNG ou JPG, informe largura e altura e selecione uma escala de 1x a 3x.
-
3
Renderize a prévia
O navegador monta o código limpo dentro de um quadro isolado de tamanho fixo.
-
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.
Gerador de Paletas de Cores
Gere paletas monocromáticas, análogas, complementares, triádicas ou tetrádicas a partir de uma cor base HEX e exporte variáveis CSS prontas para copiar.
Simplificador de Álgebra Booleana
Simplifique expressões booleanas usando mapas de Karnaugh e o algoritmo de Quine-McCluskey. Mostra cada passo de minimização e uma forma final SOP/POS.
Conversor de Binário para ASCII
Cole binário (bytes separados por espaço ou um longo fluxo de bits) e obtenha o texto ASCII que ele representa. Lida com codificações de 7 bits e 8 bits.
Conversor de ASCII para Hex
Converta texto ASCII em valores de byte hexadecimal. A saída usa dois dígitos hexadecimais por caractere, prontos para dumps de memória, rastreamentos de pacotes ou tabelas de firmware.
Conversor de BBCode para HTML
Converta BBCode (marcação de fórum) para HTML limpo. Lida com tags de formatação, listas, citações, código, imagens, links e tabelas.