Image Resizing in PHP

ebanbury 13 Junior Poster · 2011-09-22T07:46:28+00:00

Actually here is a simpler script to look at...this is the same thing, but just using one field and one image, with all the rest of my workings stripped out...

The .jpg images just return to the screen as a black square - which I guess means it is working as far as the imagecreatetruecolour() function........
However if I try and upload a really large .jpg - then the whole thing just freezes and nothing returns to the screen at all....

<?php require_once('Connections/dreamsin_localhost.php'); 
      require_once('myaccess/appvars.php');

// Connect to the database
  $dbc = mysqli_connect("localhost", "xxxxxxxxx", "xxxxxxxxx", "xxxxxxxxx");

function createfilename($ID,$image_name)
{

	if (!empty($image_name)) 
	{
	$output = number_format($ID,0,".",",") . '_' . time() . '_' . mt_rand() .$image_name;
	return $output;
	}
	else
	{
	$output = "";
	}
}

function checkfile($image_name,$type,$size,$tmp_name,$error,$old_width,$old_height)
{
	
	$output ='start';

	if (!empty($image_name)) 
	   {
      if (
	  (($type == 'image/gif') || ($type == 'image/jpg') || ($type == 'image/pjpeg') || ($type == 'image/png') || ($type == 'image/jpeg'))
	  && (($size > 0) && ($size <= GW_MAXFILESIZE))
		  && ($error == '0'))
	  {
        // Move the files to the target upload folder
          $target = GW_UPLOADPATH . $image_name;
		  if (move_uploaded_file($tmp_name , $target) ) {$output = 'success';} else {$output = 'load error'; }
	  } 

	  elseif ($size > GW_MAXFILESIZE){ 

 		$target1 = GW_UPLOADPATH . 'original' . $image_name  ;
       	$target2 = GW_UPLOADPATH . $image_name  ;

// leave this line in if you want to keep original 
//     	if (move_uploaded_file($tmp_name , $target1) ) {$output = 'success';} else {$output = 'load error'; }

	    $reductionfactor =   sqrt ( $size / GW_MAXFILESIZE )  ;
		$new_height = number_format( $old_height / $reductionfactor ,0 , '.', '');
		$new_width = number_format( $old_width / $reductionfactor ,0 , '.', '');

	    $new_image = imagecreatetruecolor($new_width, $new_height);

      	$image_info = getimagesize($filename);
        if(( $type == 'image/jpg'  )|| ($type == 'image/pjpeg')   || ($type == 'image/jpeg')){
 			imagejpeg($new_image,$target2,85);  
			$old_image = imagecreatefromjpeg($tmp_name);
    		imagecopyresampled($new_image, $old_image, 0, 0, 0, 0, $new_width, $new_height, $old_width, $old_height); }
        elseif( $type == 'image/gif'  ) {
			$old_image = imagecreatefromgif($tmp_name);
    		imagecopyresampled($new_image, $old_image, 0, 0, 0, 0, $new_width, $new_height, $old_width, $old_height); 
 			imagegif($new_image,$target2);  }
        elseif( $type == 'image/png'  ) {
			$old_image = imagecreatefrompng($tmp_name);
    		imagecopyresampled($new_image, $old_image, 0, 0, 0, 0, $new_width, $new_height, $old_width, $old_height); 
 			imagepng($new_image,$target2);  }

	  	$output='success'; 

	   }
	  else { $output='error'; }
	   }
	  else { $output='success'; }

	return $output;
}


  if (isset($_POST['submit'])) {
    // Grab the profile data from the POST
    
	$screenpath = "images/propertyimages/";
	$image_main_name = mysqli_real_escape_string($dbc, trim($_FILES['image_main']['name']));
	
	
	$image_main_name = createfilename($_SESSION[ID],$_FILES['image_main']['name']);
	list($old_width, $old_height, $type, $attr)= getimagesize($_FILES['image_main']['tmp_name']);
	$image_main_check = checkfile($image_main_name,$_FILES['image_main']['type'],$_FILES['image_main']['size'],$_FILES['image_main']['tmp_name'],$_FILES['image_main']['error'],$old_width,$old_height) ;

	$tmp_name = $_FILES['image_main']['tmp_name'];
	list($old_width, $old_height, $type, $attr)= getimagesize($_FILES['image_main']['tmp_name']);
	$image_type = $_FILES['image_main']['type'];
	$image_size = $_FILES['image_main']['size'];
    $reductionfactor =   sqrt ( $image_size / GW_MAXFILESIZE )  ;
	$new_height = number_format( $old_height / $reductionfactor ,0 , '.', '');
	$new_width = number_format( $old_width / $reductionfactor ,0 , '.', '');
	$max_size = GW_MAXFILESIZE;
	   
	  if ($image_main_check == 'success') 
		  {
	
   
// Connect to the database
  $dbc = mysqli_connect("localhost", "xxxxxxxx", "xxxxxxxxx", "xxxxxxxxxx");	

 $query = "INSERT INTO test_imagesize
VALUES (0, '$screenpath', '$image_main_name')";
                      
  mysqli_query($dbc, $query);
// Confirm success with the user
		echo '<p class="maintextbold">Thankyou kind sir for Listing your Property! Please view your listing below. </p>';
		echo 'image main ' . $tmp_name . '</br>';   	    
		echo 'image type ' . $image_type . '</br>';   	       	    
		echo 'image width ' . $image_width . '</br>';   	       	    
		echo 'image height ' . $image_height . '</br>';   	       	    
		echo 'new width ' . $new_width . '</br>';   	       	    
		echo 'new height ' . $new_height . '</br>';   	       	    
		echo 'reduction factor ' . $reductionfactor . '</br>';   	       	    
		echo 'image size ' . $image_size . '</br>';   	    
		echo 'maximum file size ' . $max_size . '</br>';   	       	    
		echo 'type ' . $type . '</br>';   	       	    
		echo 'attr ' . $attr . '</br>';   	       	    

		echo '<img src="' . GW_UPLOADPATH . $image_main_name . '" alt="Front of House" width="70" height="55"/></p>';
         ?>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>
                  <?php

            // Clear the image data to clear the form
            $image_main = "";
						
			
            mysqli_close($dbc);
			exit();
          }
      elseif ($image_main_check == 'error' ) 	   {
		  
	
		  
	  echo '<p class="maintextactive">All the images must be a GIF, JPG, JPEG, or PNG image file no greater than ' . (GW_MAXFILESIZE / 1024) . ' KB in size. Please return to the form and re-select your images.</p>';
      }
      elseif ($image_main_check == 'load error' ) {
	 
	  echo '<p class="maintextactive">The files did not load successfully. Please try again</p>';      }
	 
	  else {echo '<p class="maintextactive">Someting else has gone wrong</p>';	  }

      // Try to delete the temporary screen shot image file
      @unlink($_FILES['image_main']['tmp_name']) ;
 
     }
    else { echo '<p class="maintextbold">Please enter all of the information to add to your property.</p>';  }
	
	

?>
                  
                  
                  
                </p>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
  <p>
    <label for="image_main"></label>
    <input name="image_main" type="file" id="image_main" size="50" maxlength="100" />
  </p>
  <p>
    <input type="submit" name="submit" id="submit" value="Submit" />
  </p>
</form>
</body>
</html>

Sorcher 6 Junior Poster · 2011-09-22T07:59:55+00:00

Alright....lets fire this thread up with some real code...

resizeImage.php:

class SimpleImage {
 
   var $image;
   var $image_type;
 
   function load($filename) {
 
      $image_info = getimagesize($filename);
      $this->image_type = $image_info[2];
      if( $this->image_type == IMAGETYPE_JPEG ) {
 
         $this->image = imagecreatefromjpeg($filename);
      } elseif( $this->image_type == IMAGETYPE_GIF ) {
 
         $this->image = imagecreatefromgif($filename);
      } elseif( $this->image_type == IMAGETYPE_PNG ) {
 
         $this->image = imagecreatefrompng($filename);
      }
   }
   function save($filename, $image_type=IMAGETYPE_JPEG, $compression=75, $permissions=null) {
 
      if( $image_type == IMAGETYPE_JPEG ) {
         imagejpeg($this->image,$filename,$compression);
      } elseif( $image_type == IMAGETYPE_GIF ) {
 
         imagegif($this->image,$filename);
      } elseif( $image_type == IMAGETYPE_PNG ) {
 
         imagepng($this->image,$filename);
      }
      if( $permissions != null) {
 
         chmod($filename,$permissions);
      }
   }
   function output($image_type=IMAGETYPE_JPEG) {
 
      if( $image_type == IMAGETYPE_JPEG ) {
         imagejpeg($this->image);
      } elseif( $image_type == IMAGETYPE_GIF ) {
 
         imagegif($this->image);
      } elseif( $image_type == IMAGETYPE_PNG ) {
 
         imagepng($this->image);
      }
   }
   function getWidth() {
 
      return imagesx($this->image);
   }
   function getHeight() {
 
      return imagesy($this->image);
   }
   function resizeToHeight($height) {
 
      $ratio = $height / $this->getHeight();
      $width = $this->getWidth() * $ratio;
      $this->resize($width,$height);
   }
 
   function resizeToWidth($width) {
      $ratio = $width / $this->getWidth();
      $height = $this->getheight() * $ratio;
      $this->resize($width,$height);
   }
 
   function scale($scale) {
      $width = $this->getWidth() * $scale/100;
      $height = $this->getheight() * $scale/100;
      $this->resize($width,$height);
   }
 
   function resize($width,$height) {
      $new_image = imagecreatetruecolor($width, $height);
      imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
      $this->image = $new_image;
   }      
 
}

How to use this the simple way?

//create thumb	
// the $name is the filename of the image you want resized.
// I get the $ext (extension of the image)
//if this image is a .bmp the code will not resize it, therefor i let the script skip its process if so. i also dont resize it if its already smaller than i want it resized to. 
$name = "iamanerd.jpg";
$loadPic = "/the/path/to/the/pic/$name";
$savePic = "/thumbs/".$name."";
if(!is_file($savePic))	{
$ext = end(explode('.', $name));
list($width, $height, $type, $attr) = getimagesize($loadPic);
if($ext !="bmp" && $width > "140" && $height > "117" ){
include('../classes/resizeImage.php');
$image = new SimpleImage();
$image->load($loadPic);
$image->resize(140,117);
$image->save($savePic);

}

ebanbury 13 Junior Poster · 2011-09-29T15:25:15+00:00

Hi Many thanks for this! I only just saw this. It looks like your code is resizing the actual fileszie and scaling...which I do need.

What I actually now have working is the following function. It works fine but with 7 images and quite a long form with dynamic fields, if the user submits large images it really does take several minutes to do the work.

I will try your version also. Will it be quicker? If not my next step is to try and implement some kind of progress bar which only launches when the 'submit'button is clicked. Many thanks for the help!

function checkfile($image_name,$type,$size,$tmp_name,$error,$old_width,$old_height)
{
	
	$output ='start';

	if (!empty($image_name)) 
	   {
      if (
	  (($type == 'image/gif') || ($type == 'image/jpg') || ($type == 'image/pjpeg') || ($type == 'image/png') || ($type == 'image/jpeg'))
	  && (($size > 0) && ($size <= GW_MAXFILESIZE))
		  && ($error == '0'))
	  {
        // Move the files to the target upload folder
          $target = GW_UPLOADPATH . $image_name;
		  if (move_uploaded_file($tmp_name , $target) ) {$output = 'success';} else {$output = 'load error'; }
	  } 

	  elseif ($size > GW_MAXFILESIZE){ 

 		$target1 = GW_UPLOADPATH . 'original' . $image_name  ;
       	$target2 = GW_UPLOADPATH . $image_name  ;

// leave this line in if you want to keep original 
//     	if (move_uploaded_file($tmp_name , $target1) ) {$output = 'success';} else {$output = 'load error'; }

	    $reductionfactor =   sqrt ( $size / GW_MAXFILESIZE )  ;
		$new_height = number_format( $old_height / $reductionfactor ,0 , '.', '');
		$new_width = number_format( $old_width / $reductionfactor ,0 , '.', '');

	    $new_image = imagecreatetruecolor($new_width, $new_height);

      	$image_info = getimagesize($filename);
        if(( $type == 'image/jpg'  )|| ($type == 'image/pjpeg')   || ($type == 'image/jpeg')){
			$old_image = imagecreatefromjpeg($tmp_name);
    		imagecopyresampled($new_image, $old_image, 0, 0, 0, 0, $new_width, $new_height, $old_width, $old_height); 
 			imagejpeg($new_image,$target2,85);  }
        elseif( $type == 'image/gif'  ) {
			$old_image = imagecreatefromgif($tmp_name);
    		imagecopyresampled($new_image, $old_image, 0, 0, 0, 0, $new_width, $new_height, $old_width, $old_height); 
 			imagegif($new_image,$target2);  }
        elseif( $type == 'image/png'  ) {
			$old_image = imagecreatefrompng($tmp_name);
    		imagecopyresampled($new_image, $old_image, 0, 0, 0, 0, $new_width, $new_height, $old_width, $old_height); 
 			imagepng($new_image,$target2);  }

	  	$output='success'; 

	   }
	  else { $output='error'; }
	   }
	  else { $output='success'; }

	return $output;
}

Sorcher 6 Junior Poster · 2011-09-30T04:58:17+00:00

Well it resizes huge images in a heartbeat.. Never been slowed down by it

ebanbury 13 Junior Poster · 2011-10-03T09:51:41+00:00

Hi
Thanks for this. The image resizing (i.e dimensions, scaling etc) is really good.

What I'm also needing to address is the actual filesize in kb. So whichever images have been selected by the user, they are resized to approx 32kb. This is the tricky bit...hence the:

$reductionfactor =   sqrt ( $size / GW_MAXFILESIZE )  ;		$new_height = number_format( $old_height / $reductionfactor ,0 , '.', '');		$new_width = number_format( $old_width / $reductionfactor ,0 , '.', '');

I have actually managed to get the reduction function to work, so that files coming in are reduced to anything between 20-45kb (which is acceptable)to be stored on the server. When they are displayed I then call up the code to fix width, height by scaling etc - this is called where the image is placed.

My really big problem is that if a user is trying to load 7 images - all around 2-4MB - then it is literally taking about 5 minutes to reduce the filesize....

I'm not sure how to get around this in PHP? Any ideas?

Many thanks for the help