• Create thumbnail images using PHP

    Below steps will describe how to create thumbnail images using PHP.

    Step 1: Furthermore you will learn how to process a whole folder of images and create their thumbnails. Since this requires the GD library, you will need an installation of PHP with at least GD 2.0.1 enabled.

    Step 2: Below we will create a PHP script that contains two functions. The first one scans a provided directory for any .JPG images and, for each one, creates a thumbnail in the specified folder using the GD image functions. The second function creates an HTML file in the same directory as the script, which contains all of the thumbnails with links to the original images. This could be the basis of advanced photo gallery software.

    Step 3: The code below creates a function named create Thumbs that will get three parameters. The first and the second is correspondingly the path to the directory that contains original images and the path to the directory in which thumbnails will be placed. The third parameter is the width you want for the thumbnail images.

    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
    41
    42
    43
    44
    
    <!--?php 
    function createThumbs( $pathToImages, $pathToThumbs, $thumbWidth ) 
    {
      // open the directory
      $dir = opendir( $pathToImages );
     
      // loop through it, looking for any/all JPG files:
      while (false !== ($fname = readdir( $dir ))) {
        // parse path for the extension
        $info = pathinfo($pathToImages . $fname);
        // continue only if this is a JPEG image
        if ( strtolower($info['extension']) == 'jpg' ) 
        {
          echo "Creating thumbnail for {$fname} <br ?-->";
     
          // load image and get image size
          $img = imagecreatefromjpeg( "{$pathToImages}{$fname}" );
          $width = imagesx( $img );
          $height = imagesy( $img );
     
          // calculate thumbnail size
          $new_width = $thumbWidth;
          $new_height = floor( $height * ( $thumbWidth / $width ) );
     
          // create a new temporary image
          $tmp_img = imagecreatetruecolor( $new_width, $new_height );
     
          // copy and resize old image into new image 
          imagecopyresized( $tmp_img, $img, 0, 0, 0, 0, $new_width, $new_height, $width, $height );
     
          // save thumbnail into a file
          imagejpeg( $tmp_img, "{$pathToThumbs}{$fname}" );
        }
      }
      // close the directory
      closedir( $dir );
    }
    // call createThumb function and pass to it as parameters the path 
    // to the directory that contains images, the path to the directory
    // in which thumbnails will be placed and the thumbnail's width. 
    // We are assuming that the path will be a relative path working 
    // both in the filesystem, and through the web for links
    createThumbs("upload/","upload/thumbs/",100);
    ?&gt;

    Step 4: At first we open the directory with images and iterate through it, looking for all .JPG files. Next we create thumbnails for each image in the directory. To create a thumbnail, we read in the file using theimagecreatefromjpeg() function and calculate the new thumbnail size. imagesx() and imagesy() functions return the width and height of the image respectively. Next we create a new image using theimagecreatetruecolor(). Finally, we copy and resize the original file with the imagecopyresized() function and save thumbnail with imagejpeg().

    Step 5: The second part of the code creates the function named createGallery which gets two parameters (the relative paths to the directories in which images and thumbnails are stored) and creates an HTML page which contains all of the thumbnails with links to the original images.

    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
    
    <!--?php 
    function createGallery( $pathToImages, $pathToThumbs ) 
    {
      echo "Creating gallery.html <br ?-->";
     
      $output = "";
      $output .= "";
      $output .= "";
      $output .= "";
      $output .= "";
     
      // open the directory
      $dir = opendir( $pathToThumbs );
     
      $counter = 0;
      // loop through the directory
      while (false !== ($fname = readdir($dir)))
      {
        // strip the . and .. entries out
        if ($fname != '.' &amp;&amp; $fname != '..') 
        {
          $output .= "";
     
          $counter += 1;
          if ( $counter % 4 == 0 ) { $output .= ""; }
        }
      }
      // close the directory
      closedir( $dir );
     
      $output .= "";
      $output .= "
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    
    ";
      $output .= "";
      $output .= "";
     
      // open the file
      $fhandle = fopen( "gallery.html", "w" );
      // write the contents of the $output variable to the file
      fwrite( $fhandle, $output ); 
      // close the file
      fclose( $fhandle );
    }
    // call createGallery function and pass to it as parameters the path 
    // to the directory that contains images and the path to the directory
    // in which thumbnails will be placed. We are assuming that 
    // the path will be a relative path working 
    // both in the filesystem, and through the web for links
    createGallery("upload/","upload/thumbs/");
    ?&gt;

    First, we open the directory with thumbnails. Next we iterate through files in the directory and put the HTML into a string variable. The variable contents then written into a file using fopen(), fwrite(), and fclose()functions.

    As you can see, adding on the generated thumbnails to your website with GD library and PHP is quite easy to accomplish.

Comments on this post

Leave a Reply

  • Security Code :


    + four = 10