Converter HTML para Imagem

Converta páginas web para JPG ou SVG.

自动滚动截取完整页面 - 使用服务端浏览器渲染
使用真实 Chrome 浏览器渲染,完整支持现代 CSS 样式(如 Tailwind v4)

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.

Nenhuma ferramenta de captura de tela ou extensão de navegador necessária
Captura a página exatamente como renderizada, fontes e layout incluídos
JPG para compartilhar e incorporar, SVG para posicionamento escalável
Preserva como uma página parecia antes de ela mudar ou desaparecer

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.

1

Cole o endereço completo da página, incluindo https://, no campo URL.

2

Escolha o Formato de Saída — JPG para uma imagem compartilhável padrão, SVG para um contêiner escalável.

3

Inicie a captura e aguarde durante a etapa Capturando... enquanto a página carrega e o layout se estabiliza.

4

Baixe a captura finalizada quando a renderização terminar.

Perguntas Frequentes

A causa mais comum é uma página que exige que você esteja conectado — o renderizador visita a URL sem sua sessão, cookies ou credenciais, então qualquer coisa atrás do login mostra uma tela de login em vez do conteúdo que você queria. A segunda causa mais comum é um site que bloqueia deliberadamente ser incorporado ou automatizado, usando cabeçalhos de resposta como X-Frame-Options ou uma Content-Security-Policy estrita, ou detecção de bots que sinaliza especificamente navegadores headless; essas páginas retornam um erro ou uma versão reduzida em vez do layout real. Artigos com paywall se comportam da mesma forma assim que o script do paywall entra em ação. Abrir a URL você mesmo em uma janela anônima é uma forma rápida de conferir se um visitante deslogado veria a mesma coisa.
O SVG desta ferramenta é uma captura envolvida da página renderizada — os pixels que você veria na tela, empacotados em um contêiner SVG para que escale de forma limpa sem puxar fontes ou recursos extras. Não é a mesma coisa que passar uma foto pelo Imagem para SVG, que traça uma imagem raster em caminhos e formas vetoriais reais que você pode selecionar, recolorir e editar nó por nó em um programa como o Illustrator. Se você precisa de arte vetorial editável, esta ferramenta não vai chegar lá para uma página web; ela foi feita para obter uma cópia visual precisa de uma página, não para converter uma imagem em gráfico vetorial.
Formato de Saída só oferece JPG e SVG — não há opção de PNG ou PDF para esta ferramenta em particular. JPG é o padrão melhor para qualquer coisa que você vá colar em um chat, documento ou post social; SVG faz mais sentido quando o arquivo precisa entrar em uma ferramenta de design ou ser colocado em tamanhos diferentes sem perda de qualidade. Se você precisar especificamente de um PNG ou PDF, converteria o JPG depois com uma ferramenta separada.
Diferente das ferramentas de recorte, filtro e redimensionamento deste site que rodam inteiramente no lado do cliente, HTML para Imagem precisa enviar a URL a um servidor, porque capturar uma página web real significa carregá-la em um ambiente de renderização de verdade — algo que uma aba do navegador não consegue fazer com outro site por causa de restrições de origem cruzada. Só a URL que você digita é enviada; a ferramenta não pede nem usa nenhuma credencial de login, então não consegue acessar nada para o qual você normalmente precisaria estar conectado. Se manter tudo local importa para um arquivo específico, essa é uma razão para recorrer às ferramentas de edição de imagem do lado do cliente do site em vez desta.
Não. O renderizador carrega a URL como um visitante anônimo e deslogado, então qualquer coisa protegida por um formulário de login, um paywall de assinatura, ou uma sessão baseada em cookie mostra o que quer que essa página exiba ao público — geralmente um aviso de login, um banner de paywall, ou uma prévia truncada, não o conteúdo por trás. Não há como passar credenciais no campo URL para contornar isso.
Ela captura a página como renderizada em uma largura de viewport padrão de desktop, e a imagem resultante segue a altura total rolável da página em vez de parar na dobra, então uma página de destino longa produz um JPG ou SVG correspondentemente alto. O que ela não faz é simular rolagem para acionar seções que só carregam quando um visitante rola até elas, então conteúdo projetado para aparecer dessa forma pode estar ausente mesmo que o próprio arquivo cubra a página do topo à base.
A captura é um único momento congelado depois que o carregamento inicial da página se estabiliza, então um carrossel ou apresentação de slides mostra qualquer slide que estiver ativo naquele instante, não todos eles. Conteúdo que só aparece depois de um gatilho de rolagem, um clique, ou um script com atraso pode ou não ter terminado de carregar a tempo, e transições CSS ou animações são capturadas no meio do movimento ou nem aparecem, dependendo do timing. Para páginas que dependem muito de interação para mostrar seu conteúdo real, uma captura de tela manual tirada depois de interagir com a página vai ser mais confiável do que esta ferramenta.
Trate como um registro visual, não um arquivo certificado — a saída é um arquivo de imagem sem carimbo de data/hora incorporado, sem metadados de página, e sem captura do HTML ou dos links subjacentes, nada que prove quando ou de onde foi tirada além do que seus próprios registros de sistema de arquivos indicarem. Para fins informais, como anotar como uma página parecia antes de um redesenho ou guardar uma cópia de um anúncio que pode ser removido, é genuinamente útil. Para qualquer coisa em que a procedência precise se sustentar, como uma disputa ou um registro de conformidade, um serviço de arquivamento web dedicado que registra data/hora e faz hash da captura é a ferramenta apropriada em vez desta.

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