Converter HTML para Imagem
Converta páginas web para JPG ou SVG.
Uma captura de uma página ao vivo, não uma extração do seu código
A ferramenta HTML para Imagem do Pico Image não pega marcação HTML ou CSS que você cola e transforma em uma figura — ela pega uma URL, abre esse endereço em um motor de renderização real do jeito que um navegador faria, espera o layout da página, as fontes web e as imagens terminarem de carregar, e então captura exatamente o que está na tela naquele momento. Nada do código-fonte é preservado: não há elementos selecionáveis, não há links, não há texto que você possa copiar depois, só o resultado visual finalizado. Escolher JPG em Formato de Saída rasteriza esse quadro capturado em uma foto comprimida padrão, o mesmo tipo de arquivo que a câmera de um celular produz. Escolher SVG envolve a mesma captura renderizada em um contêiner vetorial, útil quando o arquivo precisa entrar em uma ferramenta de design ou escalar para um tamanho diferente sem perda de qualidade visível, mas o conteúdo dentro desse SVG ainda é a página como renderizada, não um conjunto de formas vetoriais separadas que você poderia selecionar e editar caminho por caminho. A resolução da imagem capturada segue a viewport de renderização, e não a sua própria tela, então ela sai consistente independentemente do dispositivo ou tamanho de janela de onde você está capturando — um resultado repetível em vez de o que quer que estivesse aberto no monitor. Como todo o processo depende de a página realmente terminar sua renderização, há limites reais. Uma página que exige que você esteja conectado carrega como um visitante anônimo e mostra o que esse visitante veria — geralmente um formulário de login. Um artigo com paywall mostra o paywall. Um site que se configurou explicitamente para resistir a ser incorporado ou automatizado, através de cabeçalhos de resposta como X-Frame-Options ou uma política estrita de frame-ancestors, ou através de detecção de bots voltada para navegadores headless, muitas vezes retorna um erro ou um layout deliberadamente quebrado em vez do conteúdo real. A captura também reflete uma única largura de viewport e a altura total de rolagem da página, não vários tamanhos de tela, e não simula rolagem ou cliques, então conteúdo que só aparece depois de interação do usuário — uma seção expansível, uma imagem com carregamento tardio perto do fim, os últimos slides de um carrossel — pode estar ausente ou aparecer no estado em que estava quando a renderização terminou.
Onde uma captura ao vivo vence uma simulação ou uma captura de tela manual
Uma imagem de Open Graph ausente ou desatualizada é o caso mais claro: se um CMS nunca gerou uma prévia social adequada para uma página, passar a URL ao vivo por esta ferramenta produz uma miniatura precisa sem abrir as ferramentas de desenvolvedor do navegador ou instalar uma extensão de captura de tela. Equipes de marketing e jurídico recorrem à mesma capacidade antes de uma página de destino ser editada, já que um JPG datado prova o que uma página realmente dizia e como parecia, de um jeito que um simples link não consegue depois que o texto muda por baixo dele. Durante a entrega de design, uma imagem plana da página inicial ao vivo — com dados reais, posicionamentos de anúncio reais, banners de cookies reais, o que quer que realmente esteja em produção — conta a um desenvolvedor mais sobre espaçamento e cor do que uma simulação do Figma desenhada antes de qualquer uma dessas coisas existir. Para equipes propondo um redesenho, colocar a captura ao vivo atual lado a lado com a nova simulação torna a melhoria legível de um jeito que descrever em um chamado nunca consegue de fato. Também é uma forma rápida de ficar de olho na página de um concorrente ou parceiro sem construir um pipeline de monitoramento — capture agora, capture de novo em um mês, e compare as duas imagens em vez de tentar lembrar o que mudou. Quando um relatório de bug precisa mostrar exatamente como uma página renderizou em um momento específico, um layout quebrado ou um estado de carregamento travado, anexar só a URL não vai reproduzir esse momento depois que o problema for corrigido, mas uma captura tirada enquanto estava acontecendo vai.
Capturando uma página
Aponte a ferramenta para a página exata que você quer capturar — o processo roda contra uma URL específica, não um arquivo que você envia ou código que você escreve, então o endereço precisa ser o local real e publicamente acessível da página. Escolha um formato de antemão, já que JPG e SVG produzem arquivos significativamente diferentes, e não só extensões diferentes da mesma imagem. A captura em si acontece no lado do servidor: assim que você a inicia, a ferramenta carrega a página em um ambiente de renderização ao vivo, e o indicador Capturando... permanece enquanto ela espera o layout, as fontes e as imagens visíveis se estabilizarem antes de tirar a foto. A saída baixa como um único arquivo no formato que você escolheu, pronto para anexar, enviar, ou colocar em um arquivo de design sem nenhuma conversão adicional.
Cole o endereço completo da página, incluindo https://, no campo URL.
Escolha o Formato de Saída — JPG para uma imagem compartilhável padrão, SVG para um contêiner escalável.
Inicie a captura e aguarde durante a etapa Capturando... enquanto a página carrega e o layout se estabiliza.
Baixe a captura finalizada quando a renderização terminar.
Perguntas Frequentes
Mais Ferramentas de Imagem
Explore outras ferramentas poderosas para suas necessidades de edição de imagem
Comprimir Imagem
Reduzir tamanho
Redimensionar
Alterar dimensões
Recortar Imagem
Cortar área
Converter Formato
Mudar formato
Editor de Fotos
Editar fotos
Girar Imagem
Girar imagem
Virar Imagem
Horizontal/Vertical
Adicionar Marca d'Água
Marca d'água
Adicionar Borda
Adicionar borda de imagem
Cantos Arredondados
Adicionar cantos arredondados
Filtros
Brilho/Contraste
Desfocar Rosto
Ocultar rostos
Mosaico
Desfocar regiões
Remover Fundo
Remover fundo
Melhorar Imagem
IA upscale
Adicionar Texto
Adicionar texto a imagem
Colagem
Combinar múltiplas imagens
GIF para Sequência
Extrair frames
Remover bordas vazias
Remover bordas vazias
Renomear imagens em lote
Renomeie arquivos em lote com segurança
Recorte Circular
Recortar imagens em círculo
Preto e Branco
Converter imagens em tons de cinza
Dividir Imagem
Cortar uma imagem em grade
Mesclar Imagens
Combinar imagens em uma só
Alterar DPI
Definir metadados de DPI da imagem
Imagem para Base64
Codificar imagens como Base64
Imagem para PDF
Combine imagens em um PDF
HEIC para JPG
Converta fotos HEIC do iPhone para JPG
Remover EXIF
Visualize e remova metadados ocultos de fotos, incluindo localização GPS
Gerador de Favicon
Conjunto completo de ícones mais HTML
Paleta de Cores
Extraia cores de uma imagem
Base64 para Imagem
Decodifique Base64 de volta para imagem
HEIC para PNG
Converta fotos HEIC do iPhone para PNG sem perdas
Texto Atrás da Imagem
Coloque texto atrás do assunto de uma foto, tudo no seu navegador
Conta-gotas de Cores
Obtenha o HEX, RGB e HSL de qualquer pixel
Criador de Assinatura
Desenhe uma assinatura e baixe como PNG transparente
Removedor de Fundo de Assinatura
A tinta do papel, sobre transparência
Criador de Fundo Transparente
Deixar um fundo transparente