Studi Kasus : Membuat thumbnail dari gambar dengan PHP GD Library
Kebutuhan : Webserver Packages, already installed. Dan pastikan versi PHP anda mensupport Image GD Library (versi 1-8 keatas)
Ikuti langkah-langkah dibawah.

Step 1 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Siapkan sample JPG image dalam folder ini. Untuk tutorial ini saya menggunakan image dibawah ini (catat : anda bisa menggunakan image apapun, asalkan berekstensi JPG). Jika anda ingin menggunakan image ini, silahkan klik kanan pada image dan pilih save as
  3. Rename gambar anda dengan nama myPic.jpg (catat : rename ini tidak berarti apapun, hanya untuk memudahkan anda mengikuti tutorial ini :P )

Step 2 : Membuat script utama untuk resize image ke dalam thumbnail

  1. Ketikkan script berikut,
    <?php
        $image = 'myPic.jpg'; //default image, change here if you want to use another image
    
    		//get the image size and image info
            list($width_orig, $height_orig, $image_type) = getimagesize($image);
    
    		if($image_type !== 2) { // 2 is for JPEG Image
                echo 'Image is not JPEG Image!';
            }
            else {
                $thumbname = 'thumbnail_'.$image; //default name for thumbnail version of image
    
                // setting the height for the width 75px (75px is default width for the thumbnail). this is for maintain the ratio
                $height_tb = (int) ((75 / $width_orig) * $height_orig);
    
    			//Create a new true color image
                $image_p = imagecreatetruecolor(75, $height_tb);
    
    			//Create a new JPEG image from file or URL
                $image = imageCreateFromJpeg($image); //
    
    			//Copy and resize part of an image with resampling
                imagecopyresampled($image_p, $image, 0, 0, 0, 0, 75, $height_tb, $width_orig, $height_orig);
    
    			//upload image to folder
                if(!is_writeable(dirname($thumbname)))
                {
                    echo 'Unable to Upload image to ' . dirname($thumbname);
                }
                else
                {
    			//output image to browser or file, the parameter is imageJPEG(resource image, name of the image, quality)
    			imageJpeg($image_p, $thumbname, 100);
                }
            }
    ?>
    <center><h1>Create Thumbnail Image</h1>
    <table border='1' cellpadding='5' cellspacing='5'>
    <tr align='center'> <td>Original</td> <td>Thumbnail</td> </tr>
    <tr> <td><img src="myPic.jpg" alt="image" /></td> <td><img src="<?php echo $thumbname;?>" alt="thumbnail" /></td></tr>
    </table>
    <center>
    
  2. simpan dengan nama imagetb.php, dan simpan dalam folder tutorphp
  3. Penjelasan : Dapat dilihat di script langsung (script berwarna hijau), Okay

Step 3 : Testing Code

  1. Pergi ke http://localhost/tutorphp/imagetb.php
  2. Anda akan melihat image anda tadi (original) beserta versi thumbnailnya :D just like the picture below..
  3. Cek di folder tutor.php. Anda akan menemukan file image thumbnail_myPic.jpg yang merupakan versi thumbnail dari image anda.

:D
Hal yang juga menarik:

Hak Cipta

Semua skrip dan teknik dalam artikel di itx.web.id boleh digunakan sebagaimana kehendakmu tanpa perlu mencantumkan sumber. Kamu tidak boleh mengkopi seluruh artikel, dalam Bahasa Indonesia ataupun diterjemahkan ke dalam bahasa lain.

Pencarian ke sini:


Related Articles:

Artikel terkait:

: PHP

About the author

obviously, a girl. with sweet smile, off course. turning her 21 years trapped on Informatics departement and just started to having some crush with it lately. she uses wordpress. she loves php. she lo

5 Comments

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

x( X-( B-) ;-) :wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :D :?: :-| :-x :-o :-P :-D :-? :-)) :-) :-( :-& :) :( :!: 8-O 8-) 8) (Русский) (yahoo) (worship) (woot) (wave) (unsure) (tongue) (thinking) (tears) (taser) (smileydance) (sleeping) (sick) (scenic) (rofl) (rock) (party) (panic) (okok) (nottalking) (ninja) (music) (muscle) (muhaha) (money) (mmm) (lonely) (lol) (lmao) (idiot) (hungry) (highfive) (heart_beat) (heart) (headspin) (hassle) (haha) (gym) (griltongue) (goodluck) (girlkiss) (funkydance) (fish_hit) (eyeroll) (evilsmirk) (evil_grin) (drinking) (doh) (devil) (dance) (cry) (cozy) (coffee) (brokenheart) (bringit) (blush) (bigeyes) (beer) (banana_rock) (banana_ninja) (banana_cool) (applause) (annoyed) (angry) (K) (: