Como copiar imagens da apresentação de slides do nytimes.com para a área de transferência?

As apresentações de slides no site do New York Times parecem ter usado alguns truques para * causar um clique com o botão direito do mouse no Firefox (e IE / Chrome) e depois em "visualizar imagem" ou "copiar imagem" para retornar um pixel de 1 x 1. As imagens também não serão impressas.

Como posso ignorar essa falta de captura de tela? Pontos de bônus por descrever como eles fizeram isso.

* Conclui-se que Ijgww apontou que isso provavelmente não é traiçoeiro , mas provavelmente devido a algumas limitações do navegador que exigem esse comportamento estranho, como evidenciado pela imagem deste artigo , onde copiar, colar e imprimir funcionam corretamente. Moral da história: nunca assuma uma intenção negativa.

Se for uma apresentação de slides, pode não ser uma brincadeira. Muitas soluções de apresentação de slides só são possíveis se a imagem estiver em segundo plano por css devido às instalações de corte do navegador x. E um pixel 1x1 é usado para definir o tamanho da colheita.

O New York Times cria um <div>elemento que contém a imagem esticada e transparente de um pixel e localiza a imagem real em segundo plano:

<div class="centeredElement" style="background-image:url('http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg');width:600px; height:400px;">
<img width="600" height="400" src="http://graphics8.nytimes.com/images/misc/pixel.gif" />
</div>

Para salvar a imagem:

1. Clique com o botão direito do mouse.
2. Clique em Exibir informações da imagem .
3. Selecione a imagem real (uma acima da imagem de um pixel).
4. Clique em Salvar como ... .

Como imprimir a página:

1. Pressione Ctrl+ P.
2. Digite a guia Opções .
3. Verifique Imprimir imagens de fundo .
4. Clique em Imprimir .

1. Use o plugin AdBlockPlus, clique com o botão direito na imagem e bloqueie-a (selecione a última opção 'custom ... pixel.gif'). A partir de agora, depois de atualizar a página uma vez, você poderá clicar com o botão direito do mouse na imagem e selecionar 'ver imagem de fundo' e pronto!

   Essa é a melhor opção, como feita apenas uma vez, permitirá que você salve imagens das galerias sempre sem esforço adicional.

2. Com o plug-in Firebug no Firefox ou com a opção build in no Chrome, selecione 'inspecionar elemento'. Então você verá o código HTML apontando para a tag img com src no sneaky pixel.gif. A div que a contém tem a imagem adequada definida como plano de fundo. Basta copiar o URL da imagem do estilo do elemento div (background-image: url) e pronto.

Como você marcou a pergunta com o firefox e marcou um método correto, descrevendo como salvar a imagem, sugiro a seguinte alternativa:

• Ou:
  • Clique com o botão direito na página -> View Page Info.
  • Escolha Tools-> Page Infona barra de menus.
• Selecione MediaTab na janela exibida.
• Navegue até a imagem que você está procurando e clique no Save asbotão. Classificar a mídia por tamanho geralmente ajuda a acelerar a imagem que você está procurando.

Este método funcionará com apresentações de slides do NY Times. No entanto, é mais útil com:

1. Páginas que contêm várias imagens que você deseja baixar. Você pode selecionar vários arquivos da lista de mídia e salvá-los todos com um clique de Save as.
2. Páginas com restrições tolas ao clicar com o botão direito do mouse (por exemplo, apresentações de slides do IMDB ). Esse método evita que você precise desativar e reativar o javascript.

Clique com o botão direito e selecione inspecionar elemento no Chrome. Agora copie o URL no campo da imagem de fundo

O que me dá o link real

http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg

Se for uma apresentação de slides, pode não ser uma brincadeira. Muitas soluções de apresentação de slides só são possíveis se a imagem estiver em segundo plano por css devido às instalações de corte do navegador x. E o pixel 1x1 é usado para definir o tamanho da colheita.

Outros já responderam como baixar essa imagem. Eu só queria lançar alguma outra luz ao assunto, não coletar recompensas.

Felicidades!

Eu apenas usaria um bookmarklet JavaScript para substituir a imagem fictícia pela imagem real, então você pode simplesmente salvá-la ou arrastá-la para a área de trabalho.

Selecione e arraste o código abaixo diretamente para a barra de ferramentas de favoritos do navegador e clique para executá-lo em cada página da qual deseja visualizar a imagem:

javascript: var div = document.getElementsByClassName('image')[0]; var url = div.getElementsByClassName('centeredElement')[0].style.backgroundImage.replace(/^url\("|"\)$/g, ''); div.getElementsByTagName('img')[0].src = url; void(0);

Isso funcionará apenas neste site e somente enquanto eles tiverem o HTML definido como no momento.

Use o Chrome, clique com o botão direito do mouse na imagem, inspecione elemento. Ignore a tag da imagem e procure o URL de segundo plano da div, que fornece o caminho da imagem real, que você pode copiar, carregar em uma nova guia e salvar

Aqui está uma solução geral que deve funcionar para qualquer site.

Instale e inicie o Fiddler . Navegue até o site com a imagem.

Verifique o log de tráfego capturado que foi capturado no Fiddler e você encontrará todas as imagens que foram baixadas no seu navegador.

Pressione PrtScrn, abra um programa de pintura, cole.

Se você estiver usando o Windows: para capturar apenas a janela ativa: Alt+ PrtScrn, se o Vista ou superior, você pode usar a ferramenta de recorte para capturar apenas uma seleção.

Todas as imagens que você vê no seu navegador são armazenadas em um cache em algum lugar do seu disco rígido. Você pode usar uma ferramenta de extração de cache para extrair as imagens após a sessão de navegação. E não há necessidade de salvar um por um. Uma das ferramentas que você pode usar é cacheCopy . Permite que você escolha o navegador, escolha o cache. Quão grandes imagens (tamanho ou resolução) você deseja salvar. E também permite que você dê um nome adequado aos seus arquivos.

A desvantagem dessa abordagem: você precisará filtrar as imagens do site de destino de todas as outras em seu cache. Mas isso pode ser evitado se você limpar o cache antes de começar a procurar imagens coletadas. Além disso, esta ferramenta não funciona em modo privado, pois o cache não é usado lá.

Isenção de responsabilidade: é um plugue sem vergonha. Eu sou o autor desse aplicativo.

Em geral: Chrome / Inspecionar elemento / guia Recursos / Quadros / o único quadro na página / Imagens. Não há truques no mundo que possam ocultar uma imagem desta lista.