← Voltar para Funcionalidades
Free

Extrair Imagens

O Extrair Imagens verifica qualquer página da web e apresenta cada imagem em uma galeria navegável. Veja miniaturas, dimensões originais, tamanhos de arquivo e URLs de origem para cada imagem — então selecione imagens individuais ou baixe todas de uma vez. Detecta imagens de tags img, propriedades CSS background-image, elementos picture/source e data URIs inline.

Salvar imagens de uma página da web uma por uma — clicar com o botão direito, "Salvar Imagem Como", escolher a pasta, repetir — é dolorosamente lento quando uma página tem dezenas de imagens. E só funciona para tags img comuns. Imagens de fundo CSS, elementos de imagem responsivos e imagens de data URI não podem ser salvos dessa forma. O Extrair Imagens resolve isso verificando todo o DOM da página e os estilos computados, encontrando cada imagem, independentemente de como foi implementada, e apresentando todas em um painel de galeria limpo. Cada imagem mostra uma visualização em miniatura, suas dimensões originais (largura × altura), formato de arquivo, tamanho de arquivo aproximado e URL de origem. Você pode selecionar imagens individuais para baixar ou usar "Baixar Tudo" para pegar tudo de uma vez. Um filtro de tamanho permite ignorar pixels de rastreamento minúsculos e favicons para que você veja apenas imagens relevantes ao conteúdo.

Visualização ao Vivo
example.com/portfolio
12 images found | Min size: 100 × 100 Download All
hero-banner.jpg
1920 × 1080 · 245 KB
product-shot.png
800 × 600 · 128 KB
team-photo.jpg
640 × 480 · 89 KB
logo-dark.svg
200 × 60 · 4 KB
feature-1.png
400 × 300 · 67 KB
bg-pattern.png
1200 × 800 · 156 KB
icon-set.svg
48 × 48 · 2 KB
avatar-default.jpg
150 × 150 · 12 KB
2 selected · Total: 373 KB Download Selected
Principais Recursos

Galeria de Imagens Completa

Cada imagem na página é exibida em uma galeria em grade com visualizações em miniatura. Veja 8, 20 ou mais de 100 imagens de relance — percorra para encontrar exatamente o que você precisa. Cada miniatura é grande o suficiente para identificar o conteúdo da imagem.

Metadados para Cada Imagem

Cada imagem mostra suas dimensões originais (ex: 1920×1080), formato de arquivo (PNG, JPG, WebP, SVG), tamanho de arquivo aproximado (ex: 245 KB) e a URL de origem ou propriedade CSS de onde veio. Sem adivinhações sobre a qualidade ou o tamanho da imagem.

Filtro de Tamanho Mínimo

Defina um limite de dimensão mínima (ex: 100×100) para filtrar imagens minúsculas como pixels de rastreamento, GIFs de espaçamento e favicons. Foque nas imagens de conteúdo que realmente importam.

Selecionar e Baixar em Massa

Clique em imagens individuais para selecioná-las (mostradas com uma marca de seleção roxa) e, em seguida, baixe apenas as selecionadas. Ou clique em "Baixar Tudo" para salvar cada imagem na página em seu dispositivo em uma única ação.

Detecção de Múltiplas Fontes

Encontra imagens de todas as fontes: tags img padrão, propriedades CSS background-image, elementos responsivos picture/source, SVGs inline renderizados como imagens e imagens codificadas em data URI. Nada é esquecido.

Contador de Seleção e Total de Tamanho

Uma barra de status mostra quantas imagens estão selecionadas e o tamanho total do arquivo da seleção. Saiba exatamente quanto você está prestes a baixar antes de clicar no botão de download.

Casos de Uso Comuns

Salvando Imagens de Produtos de Sites de E-Commerce

Precisa de todas as imagens de produtos de uma página de catálogo? O Extrair Imagens encontra e baixa todas de uma vez — incluindo variantes responsivas e imagens hero de fundo CSS que você não pode salvar com o botão direito.

Coletando Imagens de Referência de Design

Construindo um mood board ou coletando referências visuais de sites de inspiração de design? Navegue pela galeria de imagens, selecione as que deseja e baixe-as em um lote em vez de salvar uma por uma.

Auditoria de Ativos de Imagem em seu Próprio Site

Revise todas as imagens em sua página para verificar arquivos superdimensionados, alternativas WebP ausentes ou imagens de fundo não utilizadas. As dimensões e tamanhos de arquivo ajudam a identificar imagens que precisam de otimização.

Arquivamento de Conteúdo da Web

Salvando uma página para referência offline? Extraia todas as imagens para ter o conteúdo visual completo junto com o HTML. Útil para arquivar documentação, referências de design ou páginas que podem mudar ou ficar offline.

Encontrando Imagens de Fundo Ocultas

Muitos sites modernos usam CSS background-image para seções hero, fundos de cartão e elementos decorativos. Essas imagens não podem ser salvas via clique com o botão direito. O Extrair Imagens detecta e baixa essas imagens junto com elementos img regulares.

Como Usar
1

Ativar Extrair Imagens

Abra o dock flutuante do DevSuite Pro e clique no ícone Extrair Imagens. A ferramenta verifica o DOM da página e os estilos computados para encontrar cada imagem.

2

Navegar na Galeria de Imagens

Um painel de galeria exibe todas as imagens encontradas como uma grade de miniaturas. Cada imagem mostra seu nome de arquivo, dimensões e tamanho de arquivo. Percorra para navegar por todas as imagens na página.

3

Filtrar por Tamanho (Opcional)

Use o filtro de tamanho mínimo para ocultar imagens pequenas como ícones e pixels de rastreamento. Defina como 100×100 para mostrar apenas imagens relevantes ao conteúdo.

4

Selecionar Imagens

Clique em imagens individuais para selecioná-las — uma marca de seleção roxa aparece. A barra de status é atualizada com a contagem e o tamanho total da sua seleção.

5

Baixar

Clique em "Baixar Selecionados" para salvar as imagens escolhidas ou em "Baixar Tudo" para pegar cada imagem na página. Os arquivos são salvos na pasta de downloads do seu dispositivo.

Pronto para Testar? Extrair Imagens?

Instale o DevSuite Pro gratuitamente e desbloqueie mais de 39 ferramentas de desenvolvedor para seu navegador.

Adicionar ao Chrome Adicionar ao Edge Adicionar ao FireFox