Converter HTML para GIF
Renderize um arquivo HTML num motor de navegador e salve como GIF, para os lugares que ainda pedem esse formato: assinaturas de e-mail, fóruns antigos, campos de CMS mais velhos. Você escolhe a largura da janela e se recebe uma imagem longa ou uma sequência de quadros do tamanho da página.
Documento para imagem
ou solte arquivos DOC, DOCX, DOCM … aqui ·
Até 95 MB por arquivo· Até 20 arquivos· Apagados após 30 minutos
Os arquivos são processados em nossos servidores e apagados após 30 minutos.
Converta todas as páginas, só a primeira (miniatura ou capa) ou um intervalo.
Páginas ou slides a converter, por exemplo 1-3, 5, 8-10.
Só para arquivos HTML: a largura da janela do navegador usada para renderizar a página. 1280 px é um notebook típico; 390 px mostra o layout para celular.
85 mantém o texto nítido com tamanho moderado. Valores menores geram arquivos menores, mas borram letras pequenas.
Como usar esta ferramenta
- 1
Envie o HTML
Adicione arquivos .html, .htm ou .mhtml, até 20 por lote e 95 MB cada. Salvar a página como Página da Web, arquivo único mantém as imagens e os estilos dentro dela.
- 2
Escolha largura e layout
Largura da página HTML vem em 1280 px; use 600 px para um modelo de e-mail. Imagens vem em uma imagem longa, um único GIF estático; mude para uma por página para ter quadros do tamanho da página exibidos um após o outro.
- 3
Converta para GIF
Clique em Converter para GIF. Se o GIF vai ficar sobre um fundo colorido, ative Fundo transparente em Configurações avançadas.
Converter HTML em GIF captura como a página aparece, não como ela se mexe: o navegador desenha a página na largura que você escolheu, e o resultado é um GIF estático ou um conjunto de quadros do tamanho da página num só arquivo.
Como funciona a conversão de HTML para GIF
Primeiro o HTML é diagramado como qualquer página da web, na Largura da página HTML que você definir, de 320 a 3840 px. Estilos e imagens contidos no arquivo são aplicados; fontes que não podem ser acessadas são trocadas por parentes próximas. Depois a página renderizada é capturada.
Com Imagens em uma imagem longa, a página inteira, do cabeçalho ao rodapé, vira um único GIF estático. Com uma por página, ela é cortada em pedaços do tamanho de uma página, e esses pedaços viram os quadros de um GIF que os mostra em ordem, o que ajuda a pré-visualizar uma newsletter longa ou uma landing page com várias seções sem rolar.
O formato impõe os limites. A CompuServe lançou o GIF em 1987, e a revisão GIF89a, de 1989, acrescentou atrasos entre quadros e uma cor transparente, que é até hoje o que todo visualizador suporta. Cada quadro fica limitado a uma paleta de 256 cores, então o conversor mapeia as cores da página para a melhor paleta que encontrar. Texto, ícones, botões e cores chapadas da marca saem limpos; fotos e sombras suaves são o que mais perde.
Limites do GIF que importam para uma página renderizada
- Cores por quadro
- 256
- Transparência por pixel, sem bordas suaves
- Liga/desliga
- A página é capturada, não gravada
- Estática
- Arquivos HTML por lote, 95 MB cada
- 20
Converter HTML para GIF: o que esperar
MitoUm GIF da página mostra os efeitos ao passar o mouse e as animações.
FatoEstados interativos e movimento precisam de uma pessoa ou de um script para acontecer. A captura mostra a página em repouso.
MitoGIF é o formato de imagem mais leve para uma página da web.
FatoPara páginas com fotos, um JPG ou WebP costuma ser bem menor. O GIF só ganha em gráficos simples e chapados.
MitoO GIF busca a página pelo endereço do site.
FatoO conversor trabalha com o arquivo HTML que você envia. Salve a página no navegador antes, de preferência como um único arquivo MHTML.
MitoMais quadros deixam o GIF mais nítido.
FatoQuadros acrescentam duração e tamanho de arquivo, não detalhe. A nitidez vem da largura da página e da paleta de cores.
HTML
HyperText Markup Language (HTML)
HTML é a linguagem de marcação da web, descrita pela primeira vez por Tim Berners-Lee no início dos anos 1990 e hoje mantida pelo WHATWG como um padrão vivo. Um arquivo HTML descreve títulos, parágrafos, links, tabelas, imagens e formulários, enquanto o estilo costuma vir do CSS. Todo navegador o renderiza, e ele também é usado em modelos de e-mail e páginas da web salvas. Um único arquivo HTML costuma depender de imagens e folhas de estilo externas, por isso pode aparecer quebrado quando movido sozinho.
- Compressão
- –
- Transparência
- –
- Animação
- –
- Lançamento
- 1993 · Tim Berners-Lee; maintained by WHATWG
GIF
Graphics Interchange Format (GIF)
O GIF foi lançado pela CompuServe em 1987 e ainda é o formato com maior suporte para animações curtas em loop. Ele é sem perda, mas limitado a uma paleta de 256 cores por quadro, por isso fotos e degradês mostram faixas e pontilhado. Aceita só transparência do tipo liga/desliga (1 bit), o que deixa bordas serrilhadas em formas curvas. GIFs animados costumam ser muito maiores que o mesmo trecho em MP4 ou WebP. Todo navegador, app de chat e plataforma social reproduz GIFs.
- Compressão
- Sem perdas
- Transparência
- Sim
- Animação
- Sim
- Lançamento
- 1987 · CompuServe
As pessoas escolhem GIF para uma página renderizada quando o destino só aceita GIF, como uma assinatura de e-mail ou uma plataforma antiga, ou quando querem vários quadros da página num só arquivo que roda sem player de vídeo.
Perguntas sobre HTML para GIF
Dá para transformar uma animação CSS em GIF animado ao converter HTML?
Não. A página é renderizada uma vez e capturada, então transições CSS, animações com keyframes, vídeos e efeitos de script ficam congelados naquele instante. Para capturar movimento, grave a tela enquanto a página roda e converta a gravação com converter vídeo em GIF.
Por que degradês e fotos ficam granulados no GIF da página?
Cada quadro de GIF usa no máximo 256 cores. Uma página com degradês suaves, sombras ou fotos tem milhares, então elas são aproximadas com pontilhamento, que aparece como pontinhos ou faixas. Designs chapados e texto se saem bem; para páginas cheias de fotos, converter HTML para PNG mantém todas as cores.
Por que as bordas de um GIF transparente ficam serrilhadas?
A transparência do GIF é liga/desliga por pixel, sem opacidade parcial. Bordas suavizadas que foram mescladas com um fundo viram cor sólida ou desaparecem, o que pode deixar um halo claro em fundos escuros. Mantenha o fundo branco se o GIF vai ficar sobre branco de qualquer jeito.
Uma assinatura de e-mail em HTML salva como GIF funciona em todo app de e-mail?
Um GIF estático aparece em praticamente todo cliente de e-mail, e é por isso que as assinaturas usaram o formato por anos. GIFs animados são menos confiáveis: o Outlook clássico para Windows de 2007 a 2013 mostra só o primeiro quadro, então coloque o conteúdo importante no quadro um.
Como deixar o GIF da página pequeno o bastante para um app de chat?
Use uma Largura da página HTML menor ou converta só a primeira página. Se o resultado ainda passar de um limite, comprimir GIF para o Discord reduz o arquivo até perto do limite de envio.