HTML para conversor de imagem

Transforme o código em uma imagem — cartões sociais, banners de e-mail, trechos de código ou um mock-up rápido — sem uma ferramenta de captura de tela.

ou arraste e solte uma foto aqui — ou cole com Ctrl+V

Como converter HTML em uma imagem

  1. Digite ou cole seu HTML e CSS, abra um arquivo .html ou comece a partir de um modelo.
  2. Defina a largura da página, o preenchimento, o plano de fundo, a nitidez e se deve capturar apenas o conteúdo.
  3. Clique em Baixar imagem ou Copiar imagem.

Sobre: HTML para imagem

Escreva ou cole HTML e CSS, assista à pré-visualização ao vivo e salve o resultado como um PNG, JPG ou WebP nítido para banners de mídia social, cartões de cotação, trechos de código, gráficos de e-mail, tabelas ou maquetes de interface do usuário.

Defina a largura da página, capture apenas o conteúdo ou a página inteira, adicione estofamento e um plano de fundo ou mantenha-o transparente, e renderize em até quatro vezes a resolução normal para telas de retina. Comece a partir de um modelo ou abra um arquivo .html. Tudo corre no seu navegador.

Ideal para

  • Gráfico aberto e imagens de banner de mídia social
  • Imagens de trechos de código e tabelas para slides e posts
  • Gráficos seguros por e-mail de botões e emblemas

Dica: Use nitidez 2× para qualquer coisa mostrada em telefones ou telas de retina.

Perguntas frequentes

Posso converter uma página pela URL?

Não diretamente. — navegadores bloqueiam a leitura de outros sites. Abra a página, salve-a como um arquivo .html e carregue-a aqui, ou cole seu HTML e CSS.

Por que algumas imagens estão faltando?

As imagens de outros sites só aparecem se esse site permitir (CORS). As imagens incorporadas como URLs de dados sempre funcionam.

O fundo pode ser transparente?

Sim. Escolha "Transparent" e salve como PNG ou WebP — útil para botões, crachás e cartões.

JavaScript é executado?

Os scripts são removidos para segurança; HTML e CSS (incluindo fontes, gradientes, sombras e flexbox) / grade) são renderizados.

Meu código está carregado?

A imagem é feita no seu navegador e seu código nunca sai do seu dispositivo.

Ferramentas relacionadas

← Voltar para todas as ferramentas