Bagaimana saya bisa menyalin gambar slideshow nytimes.com ke clipboard?

57

Slideshow di situs New York Times tampaknya telah digunakan beberapa tipuan untuk * menyebabkan klik kanan di Firefox (dan IE / Chrome) kemudian "tampilan gambar" atau "copy image" untuk mengembalikan 1 x 1 pixel. Gambar juga tidak akan dicetak.

Bagaimana saya bisa memotong pendek tangkapan layar ini? Poin bonus untuk menggambarkan bagaimana mereka melakukannya.

* Akhirnya, Ijgww menunjukkan bahwa ini kemungkinan bukan tipuan, bahwa itu mungkin disebabkan oleh beberapa batasan browser yang memerlukan perilaku aneh ini, sebagaimana ditunjukkan oleh gambar artikel ini , di mana fungsi salin, tempel, dan cetak dengan benar. Moral cerita: jangan pernah menganggap niat negatif.

Jika tayangan slide, itu mungkin tidak tipuan sama sekali. Banyak solusi tampilan slide hanya mungkin jika gambar di latar belakang oleh css karena fasilitas pemangkasan x-browser. Dan 1x1 piksel digunakan untuk menentukan ukuran krop.

glenviewjeff
sumber
2
Saya akan mengirim email ke situs tersebut, menjelaskan siapa saya dan meminta foto-foto
Luke Kanada REINSTATE MONICA
8
@ Lukas Ini tidak layak, saya juga tidak harus. Ini dengan mudah masuk dalam pedoman hak cipta penggunaan wajar.
glenviewjeff
4
Bagaimana tepatnya Anda menawarkan poin bonus?
Dave
1
@DaveRook hadiah? Anda tidak akan pernah tahu sampai Anda mencoba ...
glenviewjeff
1
Saya tidak menyatakan tujuan menyalin gambar; saya juga tidak harus. Kemungkinan besar terdapat kasus penggunaan wajar yang tak terbatas untuk menyalin gambar ke papan klip komputer Anda atau mencetaknya. Misalnya; mencetaknya dan menjepitkannya ke dahi anak Anda.
glenviewjeff

Jawaban:

82

New York Times membuat <div>elemen yang berisi gambar satu piksel yang diregangkan dan transparan dan menempatkan gambar asli di latar belakang:

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

Untuk menyimpan gambar:

  1. Klik kanan itu.
  2. Klik Lihat Info gambar .
  3. Pilih nyata gambar (satu di atas gambar satu-pixel).
  4. Klik Save As ... .

Cara mencetak halaman:

  1. Tekan Ctrl+ P.
  2. Masukkan tab Opsi .
  3. Periksa Cetak Gambar Latar Belakang .
  4. Klik Cetak .
Dennis
sumber
4
Tampaknya konyol bagi mereka untuk berpikir bahwa tipuan semacam ini akan mencegah pengguna mengambil gambar mereka.
Eliot Ball
51
@EliotBall Saya akan terkejut jika tidak memiliki tingkat keberhasilan> 95%. Mayoritas pengguna internet belum melek secara teknis sejak sekitar tahun 90-an.
Dan Neely
11
Juga, tidak ada banyak manfaat untuk membuatnya lebih kompleks. Kesenjangan antara mereka yang dihentikan oleh sesuatu yang sepele dan mereka yang dapat menggunakan alat adblock / webdev browser mereka untuk mencari cara merobek gambar secara langsung, atau mampu bertanya dan mengikuti arahan dari orang lain yang bisa sangat kecil. Sementara itu, menambahkan semua hal tambahan ke halaman memperlambat proses pengunduhan dan rendering, eveyone yang mengganggu.
Dan Neely
9
@EliotBall Jika sudah sangat jelas, lalu mengapa pertanyaan ini pada SuperUser? Sekarang, faktor berapa banyak orang yang tidak akan pernah mendengar tentang SuperUser ...
MattiSG
5
@DanNeely - ' Eternal September ' dimulai pada tahun 1993.;)
BryanH
49
  1. Gunakan plugin AdBlockPlus, klik kanan pada gambar dan blokir (pilih opsi terakhir 'custom ... pixel.gif'). Mulai sekarang, setelah menyegarkan halaman sekali, Anda akan dapat mengklik dengan tombol kanan mouse pada gambar dan memilih 'lihat gambar latar belakang' dan voila!

    Ini adalah opsi terbaik karena dilakukan hanya sekali, akan memungkinkan Anda untuk menyimpan gambar dari galeri selalu tanpa usaha tambahan.

  2. Dengan plugin Firebug di bawah Firefox atau dengan opsi bawaan di Chrome, pilih 'inspect element'. Kemudian Anda akan melihat kode HTML yang menunjuk ke tag img dengan src ke pixel.gif yang licik. Div yang berisi itu memiliki gambar yang tepat ditetapkan sebagai latar belakang. Cukup salin url gambar dari gaya elemen div (background-image: url) dan Anda selesai.

topr
sumber
Saya paling suka solusi Anda, tetapi saya menerima @ Dennis karena penjelasannya.
glenviewjeff
Saya juga ingin menjelaskan, tetapi terburu-buru punya masalah untuk menempelkan contoh kode HTML sehingga akhirnya melewatkannya. Yah, mungkin lain kali aku akan mendapatkan 'V' hijau. Yang paling penting jawaban saya sangat membantu Anda :)
topr
+1, ini (menggunakan ABP) persis seperti yang saya lakukan juga dalam situasi seperti ini.
Karan
1
Browser opera dapat memblokir apa saja tanpa plugin. Sedangkan untuk adblock, silakan gunakan daftar putih untuk situs yang Anda sukai, mereka membutuhkan uang dari iklan.
Manu
1
@manu telah menambahkan Opera dibangun di blocking berbasis DOM, atau apakah Anda masih membutuhkan plugin untuk apa pun di luar filter URL?
Dan Neely
17

Karena Anda telah menandai pertanyaan dengan firefox dan telah menandai sebagai metode yang benar yang menjelaskan cara menyimpan gambar, saya menyarankan alternatif berikut:

  • Antara:
    • Klik kanan pada halaman -> View Page Info.
    • Pilih Tools-> Page Infodari bilah menu.
  • Pilih MediaTab pada jendela yang muncul.
  • Jelajahi gambar yang Anda cari dan klik Save astombol. Menyortir media berdasarkan ukuran biasanya membantu Anda mendapatkan gambar yang Anda cari lebih cepat.

firefox-page-info

Metode ini akan bekerja dengan tayangan slide NY Times. Namun, ini sangat berguna dengan:

  1. Halaman yang berisi banyak gambar yang ingin Anda unduh. Anda dapat memilih banyak file dari daftar media dan menyimpan semuanya dengan satu klik Save as.
  2. Halaman dengan batasan konyol pada klik kanan (mis. Slideshow IMDB ). Metode ini menyelamatkan Anda dari keharusan menonaktifkan dan mengaktifkan kembali javascript.
m000
sumber
4
Itu adalah ayam yang tampak lezat.
Russell Borogove
2
@RussellBorogove menurut Anda, mengapa saya ingin mencetaknya?
glenviewjeff
15

Klik kanan dan pilih elemen inspeksi di Chrome. Sekarang salin url di bidang gambar latar belakang

Yang memberi saya tautan yang sebenarnya

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

masukkan deskripsi tautan di sini

HackToHell
sumber
Inilah yang saya lakukan. Terasa seperti itu tidak memiliki kemahiran, tetapi bekerja dan cepat dan mudah. Pilihan gambar yang bagus juga: (asli) Ayam Georgia dengan Asam Jawa untuk liburan! Yum!
Ellie Kesselman
6

Jika tayangan slide, itu mungkin tidak tipuan sama sekali. Banyak solusi tampilan slide hanya mungkin jika gambar di latar belakang oleh css karena fasilitas pemangkasan x-browser. Dan 1x1 piksel digunakan untuk menentukan ukuran krop.

Yang lain sudah menjawab cara mengunduh gambar seperti itu. Saya hanya ingin memberi sedikit penerangan kepada subjek, bukan untuk mengumpulkan hadiah.

Tepuk tangan!

ljgww
sumber
Anda tampaknya cukup benar ! Lucu berapa banyak dari kita yang terjebak dengan asumsi niat buruk. Mengedit pertanyaan dan tag.
glenviewjeff
Itu adalah jawaban programmer javascript (salah satu yang menyelinap pada apa yang desainer web lakukan);) Terima kasih atas poinnya :)
ljgww
3

Saya hanya menggunakan bookmarklet JavaScript untuk mengganti gambar dummy dengan yang asli, lalu Anda cukup menyimpan atau menyeretnya ke desktop Anda.

Pilih dan seret kode di bawah ini langsung ke bilah alat bookmark browser Anda, lalu klik untuk menjalankannya di setiap halaman yang ingin Anda lihat gambarnya:

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

Ini hanya akan berfungsi di situs ini, dan hanya sementara mereka memiliki HTML set seperti sekarang.

davestewart
sumber
2

Gunakan Chrome, klik kanan gambar, lakukan Inspect Element. Abaikan tag gambar dan lihat url latar belakang untuk div, yang memberi Anda jalur gambar yang benar, yang dapat Anda salin, muat ke tab baru dan simpan

Rob Cowell
sumber
1
Misalnya, berdasarkan tautan Anda dalam pertanyaan: - graphics8.nytimes.com/images/2011/09/21/dining/…
Rob Cowell
2

Berikut ini adalah solusi umum yang dapat digunakan untuk situs web apa pun.

Instal dan mulai Fiddler . Telusuri ke situs dengan gambar.

Periksa log lalu lintas yang diambil yang ditangkap di Fiddler dan Anda akan menemukan semua gambar yang diunduh ke browser Anda.

dotnetengineer
sumber
Anda tidak memerlukan Fiddler untuk itu, browser juga menawarkan informasi itu (lihat beberapa jawaban di atas). Burung pipit dan meriam.
Konrad Rudolph
1
Solusi Fiddler akan bekerja dengan SEMUA browser, dan bahkan jika sumber daya dimuat melalui flash atau objek tertanam lainnya, selama mereka dimuat melalui HTTP atau HTTPS. Dengan Fiddler, prosedurnya dilakukan dengan cara yang sama, setiap saat. Kalau tidak, prosedurnya sedikit berbeda berdasarkan situs web, atau browser. Saya tidak mengatakan ini adalah solusi termudah, hanya alternatif universal yang bagus.
dotnetengineer
Penyebutan Anda tentang sumber daya Flash sebenarnya adalah poin yang cukup bagus.
Konrad Rudolph
2
Menambahkan lebih banyak perangkat lunak seharusnya tidak diperlukan, itu peningkatan kompleksitas yang besar untuk apa yang seharusnya menjadi proses yang sederhana. Fiddler juga merupakan alat untuk programmer, bukan pengguna daya komputer umum.
Jeff Atwood
@JeffAtwood: Meskipun saya setuju dengan pernyataan Anda bahwa itu akan (dalam banyak kasus) peningkatan kompleksitas yang tidak perlu, itu tidak meniadakan fakta bahwa menggunakan proxy perantara mungkin, dalam beberapa keadaan, satu-satunya cara yang masuk akal untuk menangkap konten ini .
dotnetengineer
1

Tekan PrtScrn, buka program cat, tempel.

Jika Anda menggunakan Windows: untuk hanya mengambil jendela acive: Alt+ PrtScrn, jika Vista atau lebih besar Anda dapat menggunakan alat snipping untuk hanya mengambil pilihan.

markmnl
sumber
INI adalah solusi paling umum dari semuanya, dan alasan mengapa tidak akan ada solusi browser untuk "mencuri" gambar.
UncleZeiv
1
Sebenarnya ini menyebalkan jika gambar memiliki resolusi lebih besar daripada yang dapat ditampilkan oleh monitor Anda - masih bisa dilakukan tetapi membosankan.
Thomas
Dari OP, "Bagaimana saya bisa melewati tangkapan layar sesingkat ini ?"
glenviewjeff
permintaan maaf - saya membaca "short" sebagai "sort" lalu dianggap Anda berbicara tentang "[pencegahan] tangkapan layar [teknologi]".
markmnl
1

Semua gambar yang Anda lihat di browser Anda disimpan dalam cache di suatu tempat di hard drive Anda. Anda dapat menggunakan alat ripping cache untuk mengekstrak gambar setelah sesi penjelajahan. Dan tidak perlu menabung satu per satu. Salah satu alat yang dapat Anda gunakan adalah cacheCopy . Memungkinkan Anda memilih browser, memilih cache. Seberapa besar (ukuran file atau resolusi) gambar yang ingin Anda simpan. Dan juga memungkinkan Anda untuk memberikan file Anda nama yang tepat.

Kelemahan dari pendekatan ini, Anda harus memfilter gambar dari situs target dari semua yang lain dalam cache Anda. Tapi ini bisa dihindari jika Anda menghapus cache sebelum mulai menelusuri untuk gambar yang dipanen. Alat ini juga tidak berfungsi dalam mode pribadi, karena cache tidak digunakan di sana.

Penafian: ini adalah plug yang tidak tahu malu. Saya penulis aplikasi itu.

trailmax
sumber
um .. untuk tujuan apa pun. Awalnya dibuat untuk flickr grabbing
trailmax
0

Secara umum: Chrome / Periksa Elemen / Sumber Daya tab / Bingkai / satu-satunya bingkai di halaman / Gambar. Tidak ada tipuan di dunia yang bisa menyembunyikan gambar dari daftar ini.

chx
sumber