Como baixar imagens de fundo e com carregamento lento

Por que é difícil salvar essas imagens

Imagens de fundo

Muitos banners de destaque, cards e galerias colocam a imagem na folha de estilo da página como fundo, em vez de usar um elemento de imagem. Clicar nela com o botão direito abre o menu normal da página, sem “Salvar imagem como”. A imagem está lá, mas só os estilos sabem o endereço dela.

Imagens com carregamento lento

Para carregar mais rápido, as páginas muitas vezes esperam você rolar até perto de uma imagem antes de buscá-la. Até lá, o endereço real fica em um atributo como data-src, e aparece no lugar uma imagem provisória em branco ou borrada. Páginas com rolagem infinita vão além e só adicionam novas imagens quando você chega ao fim.

Baixe com o IDM - Bulk Download Manager Extension

1. Role a página

   Role devagar até o fim, ou pressione End algumas vezes e espere um pouco, para que as imagens com carregamento lento e os novos lotes carreguem.

2. Abra o pop-up

   Clique no ícone do IDM. Se ele já estava aberto, clique em Verificar de novo no topo para ler a página outra vez.

3. Reduza o filtro de tamanho, se precisar

   Fundos decorativos pequenos podem ficar ocultos pelo tamanho mínimo. Escolha Qualquer tamanho para ver tudo. Imagens de tamanho ainda desconhecido sempre aparecem.

4. Selecione e baixe

   Passe o mouse sobre uma miniatura para conferir o nome e o tamanho, selecione as que quiser e clique em Baixar selecionados, ou em ZIP para ter um só arquivo.

Onde ele procura

• Estilos: imagens de fundo, imagens de borda e marcadores de lista, tanto das folhas de estilo quanto de estilos embutidos.
• Atributos de carregamento lento: data-src, data-lazy-src, data-original, data-bg, data-srcset e outras variantes comuns.
• Imagens responsivas: todos os tamanhos listados em srcset e nas fontes de <picture>, para você escolher o maior.
• Imagens carregadas por script: imagens que a página buscou com um script, obtidas da lista de arquivos carregados do navegador.
• Em toda a página: frames incorporados, componentes web abertos e imagens de prévia de vídeos.

O que ele não consegue encontrar

• Imagens desenhadas em um <canvas>, como em alguns visualizadores e jogos. São pixels na tela, não arquivos.
• Imagens que a página guarda na própria memória (endereços blob:). Elas só existem dentro daquela aba e não podem ser baixadas de fora dela.
• Fundos adicionados por meio de decorações ::before e ::after.
• Imagens que a página já removeu. Alguns feeds muito longos descartam imagens antigas enquanto você rola. Role uma parte, baixe e depois continue.

Sem extensão: as ferramentas de desenvolvedor

As ferramentas de desenvolvedor do Chrome encontram qualquer imagem, uma de cada vez:

1. Clique com o botão direito perto da imagem e escolha Inspecionar.
2. No painel Estilos, procure background-image: url(…) no elemento selecionado ou nos elementos pais. Para imagens com carregamento lento, procure data-src no elemento de imagem.
3. Clique com o botão direito no endereço, abra em uma nova aba e use Salvar imagem como.

Outra opção é abrir o painel Rede, escolher o filtro Img e rolar a página: todas as imagens que carregam aparecem na lista, e você pode abrir cada uma. Os dois métodos funcionam, mas levam alguns minutos por imagem.

Perguntas frequentes