Apakah mungkin untuk mencegah unduhan gambar saat mendesain situs web?

8

Katakanlah Anda ingin memberikan contoh gambar berkualitas tinggi di situs web Anda, tetapi juga ingin melindunginya dari unduhan, karena Anda dapat melihatnya di layar tetapi tidak dapat menyimpan dari situs web.

Apakah ada cara untuk melakukan ini?

Sunting: Ini bukan sesuatu yang perlu saya lakukan tetapi sesuai satu metode dalam jawaban saya telah melihat klik kanan dinonaktifkan di situs web dan tertarik.

Lingkaran B
sumber
Ada posting di stackoverflow tentang hal itu. Itu menunjuk ke artikel lain tentang beberapa cara untuk mencegah gambar yang dicuri dari situs web Anda - termasuk JSmetode menonaktifkan klik kanan.
1
Anda bisa memberi tanda air pada mereka ...
Tanda air adalah cara termudah dan sangat efektif untuk melindungi gambar Anda. Jika tidak, Anda dapat menggunakan PHP untuk membuat kanvas gambar, ini menghilangkan semua cara untuk mengunduh gambar, tetapi Anda masih memerlukan tanda air untuk melindunginya dari tangkapan layar
TheCrazyProfessor

Jawaban:

23

Untuk semua maksud dan tujuan, ini benar-benar mustahil .

  • Anda dapat menonaktifkan klik kanan, tetapi orang masih dapat melihat kode sumber halaman Anda (dengan menambahkan view-source:URL di Chrome, atau hanya menggunakan menu browser) dan menemukan URL.

  • Anda dapat menggunakan CSS background-imagealih-alih HTML <img>, tetapi orang masih dapat menggunakan inspektur browser mereka (F12 untuk sebagian besar browser) dan menemukan properti CSS elemen itu.

  • Anda dapat merekayasa beberapa hal gila yang menurut Anda akan berhasil, tetapi pada akhirnya, pengguna harus mengunduh gambar dengan cara tertentu untuk melihatnya. Jika pengguna benar-benar tidak dapat mengunduh gambar, dia bahkan tidak akan dapat melihatnya di tempat pertama! Apa pun yang Anda lakukan, tidak ada yang mencegah pandangan sekilas ke monitor lalu lintas jaringan atau tab "Jaringan" dari alat pengembang peramban favorit Anda.

Gagang pintu
sumber
5
Selain itu, pengguna akan selalu dapat mengambil tangkapan layar apa pun yang Anda lakukan.
7

Gagang pintu benar; tidak mungkin untuk mencegah pengguna mengunduh gambar. Perlindungan apa pun yang Anda tempatkan dapat dilewati. Pemblokiran Right Clickmudah digagalkan dengan menonaktifkan JavaScript (atau memodifikasi skrip jika perlu).

Namun, Anda dapat menggunakan metode lain untuk melindungi aset Anda. Watermarking adalah salah satu cara untuk menjaga gambar Anda yang dilindungi hak cipta. Lihatlah situs web stok foto untuk melihat bagaimana mereka melakukannya:

halaman contoh iStockPhoto

iStockPhoto (di atas) misalnya memberi pengguna kemampuan untuk memperbesar dan melihat detail gambar. Tanda air mereka berskala dengan zoom. Itu cukup tidak mencolok untuk memungkinkan orang menganalisis gambar, tetapi cukup menonjol untuk mengurangi pencurian.

JohnB
sumber
1

Seperti yang ditunjukkan orang lain, itu tidak mungkin. Metode umum seperti menonaktifkan klik kanan, menggunakan latar belakang CSS, dan skrip lain cukup mudah dihindari. Pengguna cukup mengambil tangkapan layar situs web Anda, dan kemudian memotong gambar.

Saya pikir watermarking gambar adalah cara yang jauh lebih efektif. Ini dapat dilakukan secara manual (menggunakan Photoshop, Gimp atau alat lainnya), atau secara otomatis menggunakan skrip. Pada akhirnya itu tergantung pada berapa banyak gambar yang ingin Anda lindungi, dan bagaimana situs web Anda dibangun.

PHP
Berikut adalah skrip PHP kecil yang bagus yang dapat menandai watermark gambar apa pun sebelum diunduh oleh pengguna: http://andrecatita.com/code-projects/php-automatic-image-watermark/

Joomla
NiceWatermark adalah plugin yang sangat dapat dikonfigurasi yang menambahkan tanda air ke gambar Anda secara otomatis.

WordPress
Image-Watermark akan memungkinkan Anda untuk menandai gambar saat mengunggah, atau memberi tanda air pada gambar yang ada.

johanpw
sumber
0

Anda dapat membuat segalanya lebih sulit bagi pengguna untuk menggunakan gambar yang Anda perlihatkan dengan memecahnya menjadi bagian / bagian gambar yang lebih kecil.

Pada halaman itu akan terlihat seperti satu gambar tetapi dapat dipecah menjadi enam bagian. Jika seseorang bertekad untuk memiliki salinannya, itu tidak akan menghentikan mereka untuk mengkombinasikan gambar yang pernah diunduh. Juga tidak akan terlihat begitu baik pada koneksi yang lebih lambat karena pemuatan gambar mungkin terfragmentasi atau lebih buruk satu atau lebih bagian yang bisa hilang.


sumber
0

Karena orang lain sudah menjawab, tidak mungkin menghentikan pengembang untuk menyalin gambar, tetapi Anda dapat mempersulit pengguna biasa.

Di sini saya telah merangkum jawaban orang lain dan menambahkan opsi lain yang saya tahu.

  1. Blokir klik kanan -> simpan gambar.

    • Blokir klik kanan dengan javascript
    • Alih-alih menggunakan tag img, gunakan properti latar belakang CSS.
    • Tile gambar transparan 1x1 di atas gambar yang sebenarnya, sehingga ketika pengguna menggunakan klik kanan save dia mendapatkan gambar transparan.
  2. Cegah alat dev dari mendapatkan gambar dengan memecah gambar menjadi beberapa gambar (Dari jawaban Nick J Adams). Ini bisa sangat membosankan untuk dilakukan secara manual. Nick juga menyebutkan kelemahan seperti unduhan yang lebih lambat dan gambar yang rusak jika satu bagian gagal diunduh.

  3. Cegah tangkapan layar dengan menggunakan Flash untuk peragaan slide gambar. Beberapa situs web fotografi yang saya tahu menggunakan Flash untuk menyajikan foto. Tetapi perhatikan bahwa flash tidak berfungsi di ponsel.

  4. Anda juga dapat mencegah tangkapan layar dengan menggunakan tanda air. Di sini kami tidak memblokir akses ke gambar sama sekali. Periksa jawaban Johanpw untuk beberapa perpustakaan.


sumber
0

Doorknob, JohnB, dan johanpw semua memiliki jawaban yang baik, saya ingin menambahkan sesuatu yang saya lihat di html dan php orang: konvolusi tautan.

Pada dasarnya, apa yang mereka lakukan adalah mereka memecah tautan ke gambar atau video sehingga sulit untuk disatukan dari kode (Anda masih bisa melakukannya tetapi menghalangi semua kecuali yang paling termotivasi) atau mereka hanya membelit satu tautan di sumber. (Jujur, saya hanya memperhatikan ini dalam beberapa minggu terakhir dan saya tidak tahu terlalu banyak tentang hal itu, hanya saja itu membuat saya sulit untuk mengambil gambar dari situs seseorang; P tapi mudah-mudahan seseorang yang berpengalaman dengan ini akan berpadu)

Jika ada yang tahu lebih banyak dan dapat memberikan penjelasan yang lebih baik, saya akan tertarik untuk mempelajari lebih lanjut tentang konvolusi tautan juga!

Montag
sumber
3
Saya tidak melihat bagaimana ini menjawab pertanyaan dan ini tampaknya lebih merupakan komentar daripada jawaban.
DᴀʀᴛʜVᴀᴅᴇʀ
Sayangnya saya belum memiliki reputasi yang cukup untuk mengomentari jawaban orang lain. Karena semua pertanyaan yang saya miliki sudah dipecahkan atau jenis yang saya bisa teliti dan cari tahu sendiri, saya sepertinya tidak dapat membangun poin reputasi yang sangat berharga itu ... mencegah saya untuk benar-benar berkontribusi dalam cara yang ideal : \
Montag
0

Jangan unggah gambar beresolusi tinggi ke situs web mana pun yang tidak membuatnya tersembunyi dan aman. Seperti cetakan profesional dan kredibel di situs permintaan.

Seperti yang dikatakan sebelumnya, tidak mungkin untuk mencegah pemirsa memperoleh gambar online. Metode saya sendiri adalah dengan meletakkan nama saya yang terbaca pada mereka, dan mengirimkannya ke dunia untuk mengiklankan saya.

Kemudian jika seseorang ingin menggunakannya, mereka dapat menghubungi saya untuk meminta izin.

DocPixel
sumber