¿Cómo puedo copiar las imágenes de diapositivas de nytimes.com en el portapapeles?

Las presentaciones de diapositivas en el sitio web del New York Times parecen haber usado algunos trucos para * causar un clic derecho en Firefox (e IE / Chrome) y luego "ver imagen" o "copiar imagen" para devolver un píxel de 1 x 1. Las imágenes tampoco se imprimirán.

¿Cómo puedo evitar este corto de una captura de pantalla? Puntos de bonificación por describir cómo lo hicieron.

* Resulta que Ijgww señaló que esto probablemente no sea un truco, sino que probablemente se deba a algunas limitaciones del navegador que requieren este comportamiento extraño, como lo demuestra la imagen de este artículo , donde copiar, pegar e imprimir funcionan correctamente. Moraleja de la historia: nunca asumas una intención negativa.

Si es una presentación de diapositivas, puede que no sea un truco en absoluto. Muchas soluciones de presentación de diapositivas solo son posibles si la imagen está en segundo plano por css debido a las funciones de recorte del navegador x. Y se utiliza un píxel de 1x1 para definir el tamaño del recorte.

New York Times crea un <div>elemento que contiene la imagen de un píxel estirada y transparente y ubica la imagen real en el fondo:

<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 guardar la imagen:

1. Haz clic derecho en él.
2. Haga clic en Ver información de la imagen .
3. Seleccione la imagen real (una encima de la imagen de un píxel).
4. Haga clic en Guardar como ... .

Cómo imprimir la página:

1. Presione Ctrl+ P.
2. Ingrese a la pestaña Opciones .
3. Verifique las imágenes de fondo de impresión .
4. Haz clic en Imprimir .

1. Use el complemento AdBlockPlus, haga clic derecho en la imagen y bloquéela (seleccione la última opción 'personalizado ... pixel.gif'). A partir de ahora, después de actualizar la página una vez, podrá hacer clic con el botón derecho del mouse en la imagen y seleccionar 'ver imagen de fondo' y ¡listo!

   Esta es la mejor opción, ya que solo una vez, le permitirá guardar imágenes de galerías siempre sin esfuerzo adicional.

2. Con el complemento Firebug en Firefox o con la opción de compilación en Chrome, seleccione 'inspeccionar elemento'. Luego verás el código HTML apuntando a la etiqueta img con src al pícaro pixel.gif. El div que lo contiene tiene la imagen adecuada establecida como fondo. Simplemente copie la url de la imagen del estilo del elemento div (background-image: url) y ya está.

Como ha etiquetado la pregunta con firefox y ha marcado como correcto un método que describe cómo guardar la imagen, sugiero la siguiente alternativa:

• Ya sea:
  • Haga clic derecho en la página -> View Page Info.
  • Elija Tools-> Page Infoen la barra de menú.
• Seleccione MediaTabulador en la ventana emergente.
• Busque la imagen que está buscando y haga clic en el Save asbotón. Ordenar los medios por tamaño generalmente le ayuda a llegar más rápido a la imagen que está buscando.

Este método funcionará con presentaciones de diapositivas de NY Times. Sin embargo, resulta más útil con:

1. Páginas que contienen múltiples imágenes que desea descargar. Puede seleccionar varios archivos de la lista de medios y guardarlos con un solo clic Save as.
2. Páginas con restricciones tontas al hacer clic derecho (por ejemplo, presentaciones de diapositivas IMDB ). Este método le evita tener que deshabilitar y luego volver a habilitar javascript.

Haga clic derecho y seleccione inspeccionar elemento en Chrome. Ahora copie la url en el campo de imagen de fondo

Que me da el enlace real

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

Si es una presentación de diapositivas, puede que no sea un truco en absoluto. Muchas soluciones de presentación de diapositivas solo son posibles si la imagen está en segundo plano por css debido a las funciones de recorte del navegador x. Y 1x1 píxel se utiliza para definir el tamaño del recorte.

Otros ya respondieron cómo descargar dicha imagen. Solo quería arrojar algo de luz sobre el tema, no cobrar recompensas.

¡Salud!

Simplemente usaría un marcador de JavaScript para reemplazar la imagen ficticia con la real, luego simplemente puede guardarla o arrastrarla a su escritorio.

Seleccione y arrastre el código a continuación directamente a la barra de herramientas de marcadores de su navegador, luego haga clic para ejecutarlo en cada página desde la que desea ver la imagen:

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);

Esto solo funcionará en este sitio, y solo mientras tengan el HTML configurado como lo hacen ahora.

Use Chrome, haga clic con el botón derecho en la imagen, inspeccione el elemento. Ignora la etiqueta de la imagen y mira la URL de fondo para el div, que te da la ruta de la imagen verdadera, que puedes copiar, cargar en una pestaña nueva y guardar

Aquí hay una solución general que debería funcionar para cualquier sitio web.

Instalar e iniciar Fiddler . Navegue al sitio con la imagen.

Verifique el registro de tráfico capturado que se capturó en Fiddler y encontrará todas las imágenes que se descargaron a su navegador.

Presione PrtScrn, abra un programa de pintura, pegue.

Si está utilizando Windows: para capturar solo la ventana activa: Alt+ PrtScrn, si es Vista o superior, puede usar la herramienta de recorte para capturar solo una selección.

Todas las imágenes que ve en su navegador se almacenan en un caché en algún lugar de su disco duro. Puede usar una herramienta de extracción de caché para extraer las imágenes después de la sesión de navegación. Y no es necesario guardar uno por uno. Una de las herramientas que puede usar es cacheCopy . Le permite elegir el navegador, elija el caché. La cantidad de imágenes (tamaño de archivo o resolución) que desea guardar. Y también le permite dar a sus archivos un nombre propio.

La desventaja de este enfoque, deberá filtrar las imágenes del sitio de destino de todas las demás en su caché. Pero esto se puede evitar si borra el caché antes de comenzar a buscar imágenes cosechadas. Además, esta herramienta no funciona en modo privado, ya que la memoria caché no se usa allí.

Descargo de responsabilidad: es un enchufe descarado. Soy el autor de esa aplicación.

En general: Chrome / Inspeccionar elemento / pestaña Recursos / Marcos / el único marco en la página / Imágenes. No hay trucos en el mundo que puedan ocultar una imagen de esta lista.