Mencegah Copy Gambar atau Proteksi Image di Sebuah Blog

Semakin gencarnya pencurian konten atau artikel sebuah blog, memungkinkan juga untuk menduplikat gambar/images blog kita, Berikut ini ada beberapa tips untuk Mencegah Copy Gambar atau Proteksi Image di Sebuah Blog.

Dengan banyaknya celah dan cara untuk meng-copy suatu file sebuah website atau blog. Cara ini mungkin tidak 100% aman, namun bagi sebagian orang yang masih awam hal tersebut mungkin akan sulit jika tidak didukung dengan pengetahuan coding seperti html dkk...

Langsung saja, Dibawah ini terdapat dua langkah untuk proteksi gambar / image blog :

1. Disable klik kanan pada image tanpa menggunakan script

Kode standar sebuah gambar yaitu :

<img src="image.jpeg" />

Hanya dengan menambahkan kode dibawah ini

oncontextmenu="return false;"

Kode lengkapnya :

<img src="image.jpeg" oncontextmenu="return false;" />

Contoh gambar berikut :

Script diatas tidak memberikan peringatan jika kita klik kanan pada gambarnya. Cara pertama ini sedikit lebih simple dan praktis, untuk selanjutnya proteksi gambar/image blog yang agak rumit, kita lihat cara kedua berikut.

2. Proteksi copy gambar/image dengan Base64

Sebenarnya inti dari tips ini adalah menciptakan gambar kosong di atas gambar yang ingin di proteksi itu.

Kode standar html untuk menampilkan image atau gambar adalah :

<img src="google-panda.jpg" width="500" height="421">

Selanjutnya kita ubah kode diatas menjadi seperti ini :

<img style="background-image:url('google-panda.jpg');"
src="data:image/gif;base64,
R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
width="500" height="421">

Contoh gambar berikut :



Yang Perlu di perhatikan adalah ukuran gambar (width dan height) harus sama
seperti pada ukuran gambar aslinya. Pada contoh ini saya menggunakan
file image google-panda.jpg dengan ukuran 500 dan 421.

Berikut diatas beberapa tips untuk Mencegah Copy Gambar atau Proteksi Image di Sebuah Blog, semoga bermanfaat :)