Image Splitter
Modo
Formato de saída
Largura
Escala
Transparente
Modelos
Você pode adicionar endereços de imagens, por exemplo: <img src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80" />
Prévia

HTML para imagem

Transforme HTML e CSS em uma imagem

Como usar

1

Preparar

Digite o texto ou abra o editor HTML ou Markdown.

2

Ajustar e conferir

Ajuste o visual, confira a prévia e salve a imagem.

Exemplos reais

HTML para imagem · Exemplo 1

Estes arquivos foram processados com esta ferramenta ou com o mesmo código. Compare os originais, as configurações e os resultados disponíveis para download.

Exemplo 1
PNG1000 × 640 px

Entrada2

<section><small>01 / 03</small><h1>2026</h1><p>09 / 22</p></section>
*{box-sizing:border-box} body{margin:0} section{padding:56px;background:#153d36;color:#f7e3b6;min-height:320px;font-family:system-ui;border-radius:20px} small{letter-spacing:4px;font-size:16px} h1{font-size:72px;line-height:1.1;margin:30px 0} p{font-size:22px}
Arquivos originais (2)

ResultadoPNG

HTML para imagem — Exemplo 1 — Resultado
Baixar 1PNG
Exemplos reais

HTML para imagem · Mais exemplos

Estes arquivos foram processados com esta ferramenta ou com o mesmo código. Compare os originais, as configurações e os resultados disponíveis para download.

Exemplo 2
PNG1000 × 640 px

Entrada2

<section><small>02 / 03</small><h1>12:30</h1><p>09 / 22 · 2026</p></section>
*{box-sizing:border-box} body{margin:0} section{padding:56px;background:#f5e6d8;color:#673f2f;min-height:320px;font-family:system-ui;border-radius:20px} small{letter-spacing:4px;font-size:16px} h1{font-size:72px;line-height:1.1;margin:30px 0} p{font-size:22px}
Arquivos originais (2)

ResultadoPNG

HTML para imagem — Exemplo 2 — Resultado
Baixar 1PNG
Exemplo 3
PNG1000 × 640 px

Entrada2

<section><small>03 / 03</small><h1>01 → 02</h1><p>12 + 24 = 36</p></section>
*{box-sizing:border-box} body{margin:0} section{padding:56px;background:#e4eef4;color:#214762;min-height:320px;font-family:system-ui;border-radius:20px} small{letter-spacing:4px;font-size:16px} h1{font-size:72px;line-height:1.1;margin:30px 0} p{font-size:22px}
Arquivos originais (2)

ResultadoPNG

HTML para imagem — Exemplo 3 — Resultado
Baixar 1PNG

Perguntas frequentes

Não. Ela transforma texto, HTML ou Markdown em uma imagem com formatação. O resultado depende do conteúdo e dos ajustes visuais que você define.

Ferramentas relacionadas

Imagens para PDF

Reúna imagens em um PDF. Arraste para ordenar as páginas e ajuste as margens antes de baixar.

Abrir

Comprimir imagem

Reduza o tamanho do arquivo ajustando formato e qualidade. Compare o resultado: a redução e a perda de detalhes dependem da imagem original.

Abrir

Redimensionar imagem

Altere a largura e a altura da imagem em pixels. Mantenha a proporção para evitar distorções; ampliar não recupera detalhes ausentes.

Abrir