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

57

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.

glenviewjeff
fonte
2
Gostaria de enviar um e-mail ao site, explicar quem sou e pedir as fotos
Luke canadense REINSTATE MONICA
8
@ Luke Isso não é viável, nem devo. Isso se enquadra facilmente nas diretrizes de direitos autorais de uso justo.
glenviewjeff
4
Como você oferece exatamente pontos de bônus?
Dave
11
@DaveRook bounty? Você nunca saberá até tentar ...
glenviewjeff 13/09
11
Não afirmei o propósito de copiar a imagem; nem devo. Provavelmente, existem infinitos casos de uso justo válidos para copiar uma imagem na área de transferência do computador ou imprimi-la. Por exemplo; imprimindo e grampeando na testa do seu filho.
glenviewjeff

Respostas:

82

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 .
Dennis
fonte
4
Parece bobagem da parte deles pensar que esse tipo de truque impedirá que os usuários tirem suas imagens.
Eliot Bola
51
@EliotBall Eu ficaria chocado se não tivesse uma taxa de sucesso> 95%. A maioria dos usuários da Internet não é tecnicamente alfabetizada desde os anos 90.
Dan Neely
11
Além disso, não há muitos benefícios em torná-lo mais complexo. A diferença entre aqueles que são impedidos por algo trivial e os que podem usar as ferramentas adblock / webdev de seus navegadores para descobrir como liberar a imagem diretamente, ou são capazes de perguntar e seguir instruções de alguém que possa é muito pequeno. Enquanto isso, adicionar todo o material extra à página diminui o download e a renderização, eveyone irritante.
Dan Neely
9
@EliotBall Se era tão óbvio, por que essa pergunta está no SuperUser? Agora, fator em como muitas pessoas nunca vai ouvir sobre SuperUser ...
MattiSG
5
@DanNeely - ' Setembro Eterno ' começou em 1993.;)
BryanH
49
  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.

topr
fonte
Gosto mais da sua solução, mas aceitei a @ Dennis's por causa da explicação.
glenviewjeff
Eu também queria explicar, mas às pressas tive algum problema para colar o exemplo de código HTML e, finalmente, pulei. Bem, talvez da próxima vez receba o 'V' verde. O mais importante é a minha resposta é útil para você :)
topr
+1, isso (usando ABP) é exatamente o que eu faço também em situações como essa.
Karan
11
O navegador Opera pode bloquear qualquer coisa sem um plugin. Quanto ao bloco de anúncios, use uma lista de permissões dos sites que você gosta, pois eles precisam do dinheiro dos anúncios.
Manu
11
O @manu adicionou o Opera ao bloqueio baseado em DOM, ou você ainda precisa de um plugin para algo além dos filtros de URL?
Dan Neely
17

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.

firefox-page-info

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.
m000
fonte
4
Isso é um frango saboroso.
Russell Borogove
2
@RussellBorogove, por que você acha que eu queria imprimi-lo?
glenviewjeff
15

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

insira a descrição do link aqui

HackToHell
fonte
Isto é exatamente o que eu faço. Parece que não tem sutileza, mas funciona e é rápido e direto. Escolha de imagem agradável também: (original) Frango georgiano com tamarindo para as férias! Yum!
Ellie Kesselman
6

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!

ljgww
fonte
Você parece estar bastante correto ! Engraçado como muitos de nós fomos sugados a assumir más intenções. Editando pergunta e tags.
glenviewjeff
Era a resposta javascript programador (aquele que foge do que web designers fazer);) Obrigado por pontos :)
ljgww
3

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.

davestewart
fonte
2

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

Rob Cowell
fonte
11
Por exemplo, com base no seu link na pergunta: - graphics8.nytimes.com/images/2011/09/21/dining/…
Rob Cowell
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 log de tráfego capturado que foi capturado no Fiddler e você encontrará todas as imagens que foram baixadas no seu navegador.

dotnetengineer
fonte
Você não precisa do Fiddler para isso, os navegadores também oferecem essas informações (veja algumas das respostas acima). Pardais e canhões.
22912 Konrad Rudolph
11
A solução Fiddler funcionará com TODOS os navegadores, e mesmo se os recursos forem carregados por meio de flash ou outro objeto incorporado, desde que carregados por HTTP ou HTTPS. Com o Fiddler, o procedimento é feito da mesma maneira, sempre. Caso contrário, o procedimento será ligeiramente diferente com base no site ou no navegador. Não estou dizendo que esta é a solução mais fácil, apenas uma boa alternativa universal.
dotnetengineer 13/09/12
Sua menção de recursos em Flash é realmente um ponto muito bom.
21978 Konrad Rudolph
2
Não é necessário adicionar mais software, é um grande aumento de complexidade para o que deveria ser um processo simples. O Fiddler também é uma ferramenta para programadores, e não usuários gerais de computadores.
Jeff Atwood
@ JeffAtwood: Embora eu concorde com sua afirmação de que seria (em muitos casos) um aumento desnecessário na complexidade, isso não nega o fato de que o uso de um proxy intermediário pode ser, em algumas circunstâncias, a única maneira razoável de capturar esse conteúdo .
dotnetengineer 14/09/12
1

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.

markmnl
fonte
Esta é a solução mais geral de todas, e a razão pela qual nunca haverá solução no navegador para "roubar" imagens.
UncleZeiv 14/09/12
11
Na verdade, isso é um problema se a imagem atingir uma resolução maior do que o monitor pode exibir - ainda é possível, mas fica entediante.
Thomas
No OP, "Como posso ignorar essa falta de captura de tela ?"
glenviewjeff
desculpas - eu li "short" como "sort" e presumi que você estava falando sobre "[preventiva] captura de tela [tecnologia]".
MarkMnl 17/09/12
1

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.

trailmax
fonte
hum .. para qualquer finalidade. Inicialmente criado para o flickr grabbing
trailmax 14/12
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 desta lista.

chx
fonte