Resize image tidak hanya menjadi tugas berbagai macam tool design grafis, tetapi hal ini juga bisa dilakukan dengan baik oleh bahasa pemrograman, termasuk PHP. Keberadaan ekstensi GD memungkinkan kita untuk modifikasi ukuran gambar dengan mudah sekali. Sering sekali dalam proses upload, kita akan mendapatkan ukuran gambar yang lumayan besar. Biasanya kita melakukan batasan ukuran file dalam proses upload ini.
Tapi bagaimana kalau kita akan menggunakan satu gambar untuk ukuran yang berbeda-beda? Misalnya akan membuat thumbnail dari gambar yang diupload. Tentu kita semestinya tetap hanya membuat satu form upload untuk mempermudah user dan membuat duplikasi gambar dengan ukuran berbeda. Dan di sinilah kita akan mempergunakan library GD.
Sekilas mengenai library GD
GD Graphics Library merupakan librari perangkat lunak untuk grafis oleh Thomas Boutell dan lainnya untuk memanipulasi gambar secara dinamis. Bahasa pemrograman asli yang digunakan adalah ANSI C, tetapi memiliki interface untuk banyak bahasa pemrograman lainnya. Librari ini dapat membuat GIF, JPEG, PNG, dan WBMP. Library GD dapat membuat gambar terdiri dari garis, busur, teks (menggunakan tipe font), serta beberapa warna. Versi 2.0 menambahkan dukungan untuk gambar true-color, alpha, resampling, dan banyak fitur lainnya.
Berikut ini adalah tutorial sederhana untuk kasus di atas
Buat file upload.html untuk membuat halaman upload :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <head> <title>Tutorial Upload dan Resize Image</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </head> <body> <form method="POST" action="upload_process.php" enctype="multipart/form-data"> <input type="file" name="gambar" /> <input type="submit" name="upload_image" value="Upload" /> </form> </body> </html> |
Buat file upload_process.php untuk memproses image yang diupload :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
error_reporting(0); $folder = "images/"; $upload_image = $_FILES['gambar']['name']; // tentukan ukuran width yang diharapkan $width_size = 480; // tentukan di mana image akan ditempatkan setelah diupload $filesave = $folder . $upload_image; move_uploaded_file($_FILES['gambar']['tmp_name'], $filesave); // menentukan nama image setelah dibuat $resize_image = $folder . "resize_" . uniqid(rand()) . ".jpg"; // mendapatkan ukuran width dan height dari image list( $width, $height ) = getimagesize($filesave); // mendapatkan nilai pembagi supaya ukuran skala image yang dihasilkan sesuai dengan aslinya $k = $width / $width_size; // menentukan width yang baru $newwidth = $width / $k; // menentukan height yang baru $newheight = $height / $k; // fungsi untuk membuat image yang baru $thumb = imagecreatetruecolor($newwidth, $newheight); $source = imagecreatefromjpeg($filesave); // men-resize image yang baru imagecopyresized($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height); // menyimpan image yang baru imagejpeg($thumb, $resize_image); imagedestroy($thumb); imagedestroy($source); echo 'Image Asli : <img src="' . $filesave . '" /><br />'; echo 'Image setelah di resize : <img src="' . $resize_image . '" />'; |
Cukup mudah bukan 🙂
Untuk tips dan trik lainnya menggunakan PHP, silakan klik di sini.
Februari 3, 2018 at 2:16 pm
Terima Kasih penjelasan dan scriptnya mas, sudah saya coba. Berhasil dan sangat membatu
Februari 3, 2018 at 2:19 pm
Untuk kualitas gambarnya agar tidak terlalu pecah bagaimana ya?
Februari 10, 2018 at 3:33 am
gambar aslinya pakai yang resolusi lebih tinggi
Maret 4, 2018 at 4:59 am
kalo kita mau bikin <input type="file" bla bla,, kan nnti muncul form upload (browse) image. nah untuk mengganti tampilan button browsenya gimana ya
Maret 8, 2018 at 1:02 pm
pakai css gan, coba aja cari “customize upload button css”
Oktober 30, 2018 at 8:43 am
ini pake php versi berapa ya? ko di saya ga beres
November 3, 2018 at 1:00 am
PHP 7, apa pesan error yang muncul?
November 3, 2018 at 2:31 am
kalo hasil resize nya malah jadi gambar hitam kenapa ya?
November 10, 2018 at 8:47 am
hi gan, apakah ukuran width dan height gambar aslinya sudah lebih besar dari gambar yang akan dihasilkan?
Januari 31, 2019 at 9:11 am
kejadian sama gan, dan size gambar asli udah lebih besar dari size yang dihasilkan, tapi tetap sama aja hitam, padahal ada satu kasus dengan ukuran yang lebih kecil malah bisa gan dan hasilnya bener resize
gimana ya gan solusinya??
November 28, 2018 at 3:55 pm
kok ngga bisa ya
Desember 9, 2018 at 1:37 am
ada pesan error yang muncul?
Desember 27, 2018 at 4:44 am
nanya dong, bagaimana supaya bisa disimpn di data base my sql
Desember 30, 2018 at 5:42 am
hi gan, yang di simpan di database bisa berupa path dari gambar tersebut. Kalau mau menyimpan gambarnya langsung di dalam table, bisa di convert dulu menggunakan base64 encode dan kemudian memanggilnya dengan fungsi image create from string
Januari 31, 2019 at 9:32 am
kejadian sama gan, dan size gambar asli udah lebih besar dari size yang dihasilkan, tapi tetap sama aja hitam, padahal ada satu kasus dengan ukuran yang lebih kecil malah bisa gan dan hasilnya bener resize
gimana ya gan solusinya??
Februari 3, 2019 at 8:31 am
boleh tau file extension dari gambar asalnya? jpg atau JPG atau jpeg atau yang lain? atau coba debug untuk mengetahui hasil resize sukses atau tidak.
// men-resize image yang baru
$resizeimage = imagecopyresized($thumb, $source, 0, 0, 0, 0, $newwidth, $newheight, $width, $height);
var_dump($resizeimage);
// menyimpan image yang baru
$newimage = imagejpeg($thumb, $resize_image);
var_dump($newimage);
Februari 18, 2019 at 10:15 am
Gan numpang tanya, kalau atur heightnya biar sama dengan widthnya gimana ya ?
Februari 23, 2019 at 1:11 am
maksudnya otomatis nge-crop gambarnya ya? script di atas sih cuman resize aja, bukan untuk nge-crop