A+ A- [A]
Welcome, Guest. Please login or register.
May 22, 2012, 10:22:14 PM

Login with username, password and session length
Pages: [1]   Go Down
  Print  
Author Topic: melindungi hak cipta foto dengan watermark  (Read 3701 times)
0 Members and 1 Guest are viewing this topic.
Xammy
I am Sam
Administrator
Jendral
*****

Kurma: +34/-0
Offline Offline

Location: it's complicated
Posts: 701


Biang OOT

sammy.kristiyanto
WWW
« on: September 12, 2007, 01:48:07 PM »

Sekedar sharing aja, gue melihat kenyataan disini banyak blogger yang hobi fotografi.
untuk yang menggunakan gallery script yg canggih, kadang ada fasilitas untuk menambahkan watermark, baik berupa tulisan maupun logo/gambar di setiap foto secara otomatis.
untuk blogger yang posting menggunakan winlivewriter, fungsi ini juga ada, jadi setiap kali posting dengan foto/image, ada pilihan untuk memberikan watermark di foto yang akan di upload.

lalu gimana dengan blogger katro yang kadang langsung main upload aja?
ya tergantung niatnya lah, klo cuma sharing foto2 yang memang sudah beredar bebas, no problem. ga usah pake watermark2an segala. tapi buat fotografer yang mau hasil karyanya dihargai, kalo cuma upload foto/image tanpa menunjukkan jati diri sang fotografer, kayaknya kurang afdol gitu...

nah, tutorial berikut untuk memberikan efek watermark di semua image/foto yang di upload ke blog tanpa harus repot2 meng-edit satu persatu.

yang diperlukan:
- server apache dengan mod_rewrite (jelas harus bisa upload/edit file .htaccess)
- php dan gd library dengan png dan jpg support (standarnya sih udah paketan)
- kemampuan membaca artikel ini dengan jelas.

PENTING !
script berikut akan mempengaruhi tampilan semua foto/image didalam folder dan sub-folder, jadi sangat tidak disarankan untuk meletakkannya di root folder, karena akan berakibat juga terhadap image yang digunakan dalam template/skin.
jadi disarankan untuk meletakkan didalam folder dimana hanya terdapay foto/image yang akan di watermark (misal, di WP bisa menggunakan folder wp-content/uploads, dll).

Langkah 1
siapkan sebuah file image yang akan digunakan sebagai watermark. file ini harus dalam format .png, beri nama file watermark.png
untuk tampilan disarankan agar menggunakan file dengan efek transparan, jadi tidak menutupi terlalu banyak area dalam image/foto sesungguhnya.
ukuran-nya bisa bermacam-macam, tergantung selera. bisa memanjang vertikal atau horisontal, atau square logo. contohnya bisa diliat disini:
http://sammy.web.id/blog/watermark.png

posisi yang akan digunakan adalah pojok kanan bawah, jadi sesuaikan dengan panjang/lebar watermark.png.
perhatikan juga ukuran file yang digunakan, karena file ini akan diproses php script, pastikan tidak memberati waktu loading dengan ukuran yang berlebihan.
2-5 kb masih bisa ditolerir (rata2 gue cuma pake 1-1,5 kb).

Langkah 2
buat file .htaccess dengan content berikut:
Code:
# Redirect display of files to a PHP
RewriteEngine On
RewriteRule ^(.+)\.jpg$ wrapper.php?image=$1\.jpg [L]
RewriteRule ^(.+)\.gif$ wrapper.php?image=$1\.gif [L]
RewriteRule ^(.+)\.png$ wrapper.php?image=$1\.png [L]
RewriteRule ^(.+)\.bmp$ wrapper.php?image=$1\.bmp [L]
fungsi ini akan me-redirect (gue bingung terjemahannya) semua request untuk file2 seperti tertera (.jpg .gif .png .bmp) untuk terlebih dahulu diproses menggunakan file wrapper.php (dijelaskan di langkah 3)

Langkah 3
buat file wrapper.php dengan code berikut:
Code:
<?php

$watermark 
"watermark.png";
$image $_GET["image"];

if (empty(
$image)) die();

if (!
file_exists($image)) {
   
header("404 Not Found");
   echo 
"File Not Found."; die();
}

$outputType getFileType($image);

watermark($image$watermark$outputType);

/**
   Outputs the image $source with $watermark in the lower right corner.
   @param $source the source image
   @param $watermark the watermark to apply
   @param $outputType the type to output as (png, jpg, gif, etc.)
                      defaults to the image type of $source if left blank
*/
function watermark($source$watermark$outputType="") {
   
$sourceType getFileType($source);
   
$watermarkType getFileType($watermark);

   if (empty(
$outputType)) $outputType $sourceType;
   if (
$outputType == "gif"$outputType "png"// Okay to remove after July 2004
   
header("Content-type:image/$outputType");

   
// Derive function names
   
$createSource "ImageCreateFrom".strtoupper($sourceType);
   
$showImage "Image".strtoupper($outputType);
   
$createWatermark "ImageCreateFrom".strtoupper($watermarkType);

   
// Load original and watermark to memory
   
$output $createSource($source);
   
$logo $createWatermark($watermark);
   
ImageAlphaBlending($outputtrue);

   
// Find proper coordinates so watermark will be in the lower right corner
   
$x ImageSX($output) - ImageSX($logo);
   
$y ImageSY($output) - ImageSY($logo);

   
// Display
   
ImageCopy($output$logo$x$y00ImageSX($logo), ImageSY($logo));
   
$showImage($output);

   
// Purge
   
ImageDestroy($output);
   
ImageDestroy($logo);
}

function 
getFileType($string) {
   
$type strtolower(eregi_replace("^(.*)\.","",$string));
   if (
$type == "jpg"$type "jpeg";
   return 
$type;
}
buat yang ga mau repot2, bisa download file-nya disini:
http://sammy.web.id/blog/content/wrapper.php.txt

jangan lupa untuk rename jadi wrapper.php

Langkah 4
upload ke-3 file tadi kedalam folder dimana terdapat file2 foto/image di hosting.
efek watermark akan berpengaruh juga terhadap file2 image/foto didalam sub-folder dimana script tadi diletakkan. jadi cukup di folder itu saja.

Selesai

Silahkan dilihat hasilnya.

Efek ini juga berpengaruh apabila foto di masukkan kedalam postingan (embed ke html).
untuk contoh hasilnya bisa liat blog gue:
http://sammy.web.id/job-vacancy-condom-tester.html
atau direct link ke file image/foto:
http://sammy.web.id/blog/content/uploads/pic26924.jpg

mudah2an berguna.. dan jangan lupa kurmanya...
*beli karung bekas dulu ah...*
Logged

-------------------------------

Enjoying Loneliness
deddy
Bloggerian
***

Kurma: +10/-0
Offline Offline

Location: B A L I
Posts: 205


Peace yo!


WWW
« Reply #1 on: September 12, 2007, 02:50:06 PM »

mantab! thanks xam.
tp berhubung aku foto2nya buat hepi2, rasanya ga perlu mpe watermark2an...
Logged


gauzz
Brondong


Kurma: +0/-0
Offline Offline

Posts: 11


Email
« Reply #2 on: September 12, 2007, 03:57:03 PM »

hehe jadi inget tayangan gosip di tv yang ada watermark di tengah2 layar  assyoooo assyoooo
acara apa coba Huh? didi pasti tau

back to leptop.
...
Logged
mightymikey
http://ambil.info/wordpressmudah
Global Moderator
Jendral
*****

Kurma: +12/-0
Offline Offline

Location: http://ambil.info/wordpressmudah
Posts: 623


http://ambil.info/wordpressmudah

micko965
WWW Email
« Reply #3 on: September 18, 2007, 01:44:00 AM »

makaish bang sammy  assyoooo
Logged

asikajee
Dewa Blog
******

Kurma: +31/-0
Offline Offline

Location: underground
Posts: 895


tyazisverycool


« Reply #4 on: September 18, 2007, 09:33:56 PM »

wah mantap nih walau terlalu berat buat gw
Logged

tabah sampai akhir
Xammy
I am Sam
Administrator
Jendral
*****

Kurma: +34/-0
Offline Offline

Location: it's complicated
Posts: 701


Biang OOT

sammy.kristiyanto
WWW
« Reply #5 on: September 19, 2007, 11:50:58 AM »

wah mantap nih walau terlalu berat buat gw

masak sih? kan tinggal upload 3 file aja.
untuk image watermark, minta aja yg jago sotosop bikinin, gampang kok
Logged

-------------------------------

Enjoying Loneliness
Aparat
Elite
*

Kurma: +41/-0
Offline Offline

Location: Depok
Posts: 2.115


markidi@live.com markidi
WWW
« Reply #6 on: September 19, 2007, 12:42:32 PM »

dia jago sotosop Sam, tapi males ngoprek kode-kode yang lo kasih..
Logged

Xammy
I am Sam
Administrator
Jendral
*****

Kurma: +34/-0
Offline Offline

Location: it's complicated
Posts: 701


Biang OOT

sammy.kristiyanto
WWW
« Reply #7 on: September 19, 2007, 01:37:21 PM »

dia jago sotosop Sam, tapi males ngoprek kode-kode yang lo kasih..

wah.. terbalik yah...
Logged

-------------------------------

Enjoying Loneliness
asikajee
Dewa Blog
******

Kurma: +31/-0
Offline Offline

Location: underground
Posts: 895


tyazisverycool


« Reply #8 on: September 20, 2007, 09:19:16 PM »

iya gw pake sotosop, udah gw bikin action jd tinggal ngeklik. tp itu juga cuman main opacity aja sebenernya. tp yg lu tulis ini mantap bgt krn bisa berpengaruh ke 1 isi folder tanpa kita mesti ngapa2in. jadi kalo gw punya 200 foto, kan bisa menghemat waktu dan sangat praktis. kalo mau ganti watermark ga usah ngeditin satu2 lagi tp tinggal ganti aja file .png nya. gw mo coba buat website studio gw. tp gw ga ngerti script jd ntar temen gw aja yg gw suruh ngoprek2nya heuheuhee. tengkiu bgt sam, asli bermanfaat bgt buat gw!!!
Logged

tabah sampai akhir
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by SMF 1.1.4 | SMF © 2006, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks

Novelty design by Bloc | XHTML | CSS
Page created in 0.064 seconds with 20 queries.