Adakalanya kita ingin menampilkan gambar di halaman web dengan ukuran yang lebih besar dari gambar asli. Biasanya cara pertama yang orang lakukan main di tag htmlnya diset width dan height nya seperti ini <img src=”nama_file_gambar” width=”sekian” heigth=”sekian”>, atau cara kedua diset lewat css <img src=”nama_file_gambar” style=”width: sekian; height: sekian”>. Kedua cara itu akan menyebabkan gambar yang akan tampil di web menjadi pecah dan otomatis memperlambat proses loading halaman.
Php menyediakan fungsi yang gampang untuk memperbesar gambar di web dengan kualitas gambar yang mirip dengan gambar aslinya. Manfaat lainnya juga proses menampilkan gambar lebih cepat dibandingkan jika kita menset width dan height di html.
Begini scriptnya :
<?php
$file = “nama_filenya”; // nama file gambar yang spesifik
header(‘Content-type: image/jpeg’) ;
list($width, $height) = getimagesize($file) ; // ambil lebar dan tinggi dari gambar asli disimpen di variabel $width dan $height
$width_kanv = 300; // lebar image keinginan kita
$height_kanv = 300; // tinggi image keinginan kita
$kanv = imagecreatetruecolor($width_kanv, $height_kanv) ;
$image = imagecreatefromjpeg($file) ;
imagecopyresampled($kanv, $image, 0, 0, 0, 0, $width_kanv, $height_kanv, $width, $height) ;
imagejpeg($kanv,”, 100) ; // 100 ini setting kualitas gambarnya, artinya 100%
?>
Untuk menggunakan script tadi di halaman web kita tinggal masukan link file yang berisi script tadi ke dalam link image halaman web kita. Misal kita menyimpan script tadi di file yang bernama modifImage.php. Simpan file modifImage.php di folder yang sama dengan file2 gambar misal folder gambar. Untuk menampilkan gambarnya kita tinggal memasukan script <img src=”alamat_web_server/gambar/modifImage.php”>.
Untuk modifikasi lebih lanjut, misal kita ingin gambar yang ditampilkan tidak default sama dengan file gambar yang ditentukan pada variabel $file pada file modifImage.php. Caranya modifikasi sedikit file modifImage.php, ubah :
- Awalnya $file = “nama_filenya”; // nama file gambar yang spesifik ganti menjadi $file = $_GET["nama_file"];
- Awalnya $width_kanv = 300; dan $height_kanv = 300; ganti menjadi $width_kanv = $_GET["lebar"]; ganti menjadi $height_kanv = $_GET["tinggi"];
- Setelah file modifImage.php diganti, gambar siap ditampilkan. Kita bisa memanggil dengan script <img src=”alamat_web_server/gambar/modifImage.php? nama_file=nama_file_gambarnya_misal.jpg& lebar=400&tinggi=400″> nilai dari nama_file, lebar, dan tinggi bisa kita ganti-ganti tanpa perlu mengedit file modifImage.php lagi.
-
Mudah kan…
