Tips proteksi image / gambar di web

Sambil menunggu download peta mudik Lebaran 2011 yang nanti diperlukan sebagai panduan ketika ‘balik kampung’, Catatan si Boy mencoba untuk ‘sharing’ tips bagaimana mencegah gambar kita di copy.

Tips ini hanyalah salah satu cara untuk mengamankan gambar atau photo kita yang di publish di web atau blog kita. Caranya pun cukup mudah hanya diperlukan penambahan beberapa kode HTML.

Seperti pada gambar dibawah ini, jika kita ingin menyimpannya dengan klik kanan kemudian Save As maka hasil file yang disimpan akan berbeda (akan berupa gambar kosong).

Tips ini cukup sederhana untuk mengantisipasi agar gambar-gambar atau foto kita tidak diambil atau disimpan oleh pihak-pihak yang tidak kita inginkan. Sebenarnya inti dari trik atau tips ini adalah menciptakan gambar kosong di atas gambar yang ingin di proteksi itu.

Langsung saja kita praktekan karena proses download peta mudik tersebut akan selesai .

Standard kode HTML untuk menampilkan image atau gambar adalah seperti;

<img src="toyota-avanza.jpg" width="470" height="263">

Selanjutnya kita perlu ‘oprek’ kode standard tersebut agar menjadi seperti;

<img style="background-image:url('toyota-avanza.jpg');"
     src="data:image/gif;base64,
     R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
     width="470" height="263">

Perlu di perhatikan adalah ukuran gambar (width dan height) harus sama seperti pada ukuran gambar aslinya. Pada contoh ini saya menggunakan file image toyota-avanza.jpg dengan ukuran 470 dan 263.

Nah itulah tips proteksi image / gambar / photo kita di web. Bagi rekan-rekan yang sudah siap-siap mudik, selamat jalan semoga lancar selama perjalanan dan sampai di tempat tujuan dengan selamat.

Selamat Hari Raya Idul Fitri 1432 H / 2011 M.