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

57

Slideshows no site do New York Times parece ter usado algum truque para * causar um clique com o botão direito no Firefox (e IE / Chrome), em seguida, "ver imagem" ou "copiar imagem" para retornar um pixel 1 x 1. As imagens também não serão impressas.

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

* Acaba que o apontou que isso provavelmente não é um engano, que é provavelmente devido a algum limitações que exigem esse comportamento estranho, conforme evidenciado por imagem deste artigo , onde copiar, colar e imprimir funcionam corretamente. Moral da história: nunca assuma a intenção negativa.

If it is a slideshow, it may not be trickery at all. Many slideshow solutions are only possible if image is in the background by css due to x-browser cropping facilities. And a 1x1 pixel is used to define crop size.

    
por glenviewjeff 13.09.2012 / 16:20

11 respostas

82

O New York Times cria um elemento <div> contendo 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 Ver 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. Entre na guia Opções .
  3. Marque Imprimir imagens de plano de fundo .
  4. Clique em Imprimir .
por 13.09.2012 / 16:26
49
  1. Use o plugin AdBlockPlus, clique com o botão direito do mouse 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 sobre a imagem e selecionar "ver imagem de fundo" e voila!

    Esta é a melhor opção, uma vez feita, permite salvar imagens de galerias sem esforço adicional.

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

por 13.09.2012 / 16:33
17

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

  • Qualquer um:
    • Clique com o botão direito na página - > View Page Info .
    • Escolha Tools - > Page Info da barra de menu.
  • Selecione Media Tab na janela que aparece.
  • Navegue até a imagem que você está procurando e clique no botão Save as . A classificação da mídia por tamanho geralmente ajuda você a chegar mais rápido à imagem que está procurando.

EstemétodofuncionarácomapresentaçõesdeslidesdoNYTimes.Noentanto,émaispráticocom:

  1. Páginasquecontêmváriasimagensquevocêdesejabaixar.Vocêpodeselecionarváriosarquivosdalistademídiaesalvá-lostodoscomumcliquedeSaveas.
  2. Páginascomrestriçõesbobasaoclicarcomobotãodireitodomouse(porexemplo, slideshows do IMDB ). Esse método evita que você tenha que desabilitar e, em seguida, reativar o javascript.
por 13.09.2012 / 16:36
15

Clique com o botão direito e selecione inspecionar elemento no Chrome. Agora copie o URL no campo background-image

Qual me dá o link real

link

    
por 13.09.2012 / 16:25
6

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

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

Felicidades!

    
por 14.09.2012 / 04:27
3

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

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

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 só funcionará neste site, e somente enquanto eles tiverem o conjunto HTML como eles fazem agora.

    
por 13.09.2012 / 22:17
2

Use o Chrome, clique com o botão direito na imagem e faça o Inspect Element. Ignore a tag de imagem e procure a url de plano de fundo para o div, que fornece o verdadeiro caminho da imagem, que você pode copiar, carregar em uma nova guia e salvar

    
por 13.09.2012 / 16:24
2

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 registro de tráfego capturado que foi capturado no Fiddler e você encontrará todas as imagens que foram baixadas para o seu navegador.

    
por 13.09.2012 / 22:08
1

Pressione PrtScrn , abra um programa de pintura, cole.

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

    
por 14.09.2012 / 08:07
1

Todas as imagens que você vê no seu navegador são armazenadas em um cache em algum lugar no 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. Tamanho de tamanho (tamanho ou resolução) que você gostaria de salvar. E também permite que você forneça 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 por imagens capturadas. Além disso, essa ferramenta não funciona em modo privado, pois o cache não é usado lá.

Disclaimer: é um plug sem vergonha. Eu sou o autor desse aplicativo.

    
por 14.09.2012 / 20:08
0

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 dessa lista.

    
por 13.09.2012 / 21:46