Membuat Gambar Produk Yang diwatermark-kan dengan PHP

Bismillah,
Artikel ini dibuat karena lagi ada gawean yang mengharuskan gambar yang diupload mesti di-watermark-kan agar nanti nya gambar tidak sembarangan di copy – paste oleh pihak lain. Kasus dapat digambarkan seperti ini, ada sebuah toko A yang mengupload gambar produk-produk took A tersebut agar nantinya pengunjung dapat melihat langsung produk tokoA tersebut. Namun sayang,ada toko B yang mempunyai produk sama, tidak memiliki foto / gambar. Jadi toko B main copy paste gambar produk dari toko A. Hal tersebut pasti akan merugikan toko A.

contoh toko online buku yang membuat gambar produknya diwatermark-kan adalah toko ini http://www.kutukutubuku.com/. Kamu bisa liat gambar buku terdapat kutu warna merah :),,itu yg namanya watermark…

Nah toko A berpikir, biar gak di copy paste se-enaknya, buat tanda kalu gambar produk ini adalah produk yang ada pada toko A. Caranya gemana ?

Buka Photoshop, lalu buat tanda pada masing-masing gambar produk yang akan ditampilkan.

“wah, kalu begitu, ribet..gemana nanti kalau produknya banyak ? pegel..”

Toko A juga menginginkan tanda yang ada pada gambar produk sama dengan kode produknya ?

Wah ribetya….! Tukang Photoshop 🙂 mesti liat-liat kode produknya juga tuh..

oceh,,serah kan sama programmer…:)

caranya kita buat fungsi watermark pada sintax PHP…Berikut adalah contoh sederhana pembuatan watermark pada sample gambar yang sudah saya buat.

Buat folder di htdocs, lalu simpan gambar yg akan diwatermark-kan, disini saya namakan gambarnya ‘adiputra.jpg’. lalu setelah itu buat file php, sembarang namanya. Isi code seperti dibawah ini.

<?php
	functionwatermark_kan(){
			# membuat gambar baru dari gambar yg udah ada
			$gambar_asli = imagecreatefromjpeg('adiputra.jpg');
			
			# membuat warna dari gambar, warna berdasarkan RGB
			$color = imagecolorallocate($gambar_asli, 0, 255, 0);
			
			# membuat string pada gambar
			imagestring($gambar_asli, 6, 125, 110, 'Watermark by Adiputra', $color);
			
			# menyimpan gambar yg telah dibuat
			imagejpeg($gambar_asli,'watermark_adiputra.jpg');
	}
?>
<html>
<head>
<title>Watermark Image Dengan PHP<title>
</head>
<body>
	<form method='post'>
		<table>
			<tr>
				<td>Gambar sebelum di Watermark-kan</td>
				<td><imgsrc='adiputra.jpg'></td>
			</tr>
			<tr>
				<td><input type='submit' name='tbl_ok' value='Watermark'></td>
			</tr>
		</table>
	</form>


	<?php
		if($_POST[tbl_ok] == 'Watermark'){
			watermark_kan();
			
			echo "Gambar yang sudah di watermark-kan : <br />";
			echo "<imgsrc='watermark_adiputra.jpg'>";
			
		}
	?>
	
</body>
</html>

Setelah selesai, running code tersebut, lalu klik saja tombol Watermark. Maka akan muncul gambar yang telah ter-watermark-kan.

ini hasil running di kompie saya :

Lengkapnya, pastikan ada gambar baru yang namanya ‘watermark_adiputra.jpg’ pada folder yang sama. Dari situ, dapat kamu liat bahwa gambar ‘watermark_adiputra.jpg’ adalah gambar watermark dari gambar ‘adiputra.jpg’ dan watermarknya adalah ‘Watermark by Adiputra’.

Dari contoh dicode tersebut. Sepertinya mudah untuk kita membuat watermark produk dari code produknya. Tinggal ambil, dan pasang…Logikanya coba sendiriya…:)

Mengenai angka-angka di fungsi watermark_kan(), silahkan ubah2 sendiri, lalu liat perbedaannya. Kamu pasti paham fungsinya apa. Atau mau penjelasan lengkapnya bias liat di http://php.net/manual/en/ref.image.php.

Moga bermanfaatya…

Iklan

7 thoughts on “Membuat Gambar Produk Yang diwatermark-kan dengan PHP

  1. Ternyata ada juga fungsi-fungsi kayak gitu di dalam php.
    Thank’s nih buat infonya 🙂 and salam kenal balik.
    Sekedar saran untuk penulisan kodenya terlalu lebar tuh tab-nya jadi kurang enak diikuti. 🙂

  2. @ iznyn :

    penulisan kode yang sebelah mana ya Mas ?
    rapih kok..mungkin saat membuka belum kelar mas,,
    jadi sintax highlighternya bawaan WP gak dapet…

    salam kenal balik mas,,,:)

  3. mungkin tab dibawah ” functionwatermark_kan(){ ”
    kan kesannya agak kelebaran gtu..
    tapi bagiku msih rapi kuk…
    tpi gudgud…
    alhamdulillah tambah ilmu lagi..
    🙂

  4. mungkin tab dibawah ” functionwatermark_kan(){ ”
    kan kesannya agak kelebaran gtu..
    tapi bagiku msih rapi kuk…
    tpi gudgud…
    alhamdulillah tambah ilmu lagi..
    🙂

Silahkan Komentar...

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s