Create thumbnail at same time of upload image

Recently i have found those function for create thumb image at the same time of upload image. I have used thats modified on. So you may modified those as your wish. Here just show a simple one and it’s use very simple. If you want use those function directly then follow the bellow steps.

1) Create a folder your htdocs folder in any name
2) Save this as any file name
3) Create a folder under your created folder name ‘images’ and another name ‘thumbs’ under images folder.
4) Run this *.php file and enjoy!

If you want to know more about ‘How to create thumbnails with PHP and gd’ please visit

//define a maxim size for the uploaded images
define (“MAX_SIZE”,”2048″);
// define the width and height for the thumbnail
// note that these dimensions are considered the maximum dimension and are not fixed,
// because we have to keep the image ratio intact or it will be deformed
define (“WIDTH”,”150″);
define (“HEIGHT”,”100″);

// this is the function that will create the thumbnail image from the uploaded image
// the resize will be done considering the width and height defined, but without deforming the image
function make_thumb($img_name,$filename,$new_w,$new_h)
//get image extension.
//creates the new image using the appropriate function from gd library
if(!strcmp(“jpg”,$ext) || !strcmp(“jpeg”,$ext))


//gets the dimmensions of the image

// next we will calculate the new dimensions for the thumbnail image
// the next steps will be taken:
// 1. calculate the ratio by dividing the old dimensions with the new ones
// 2. if the ratio for the width is higher, the width will remain the one define in WIDTH variable
// and the height will be calculated so the image ratio will not change
// 3. otherwise we will use the height ratio for the image
// as a result, only one of the dimensions will be from the fixed ones
if($ratio1>$ratio2) {
else {

// we create a new image with the new dimensions

// resize the big image to the new created one

// output the created image to the file. Now we will have the thumbnail into the file named by $filename

//destroys source and destination images.

// This function reads the extension of the file.
// It is used to determine if the file is an image by checking the extension.
function getExtension($str) {
$i = strrpos($str,”.”);
if (!$i) { return “”; }
$l = strlen($str) – $i;
$ext = substr($str,$i+1,$l);
return $ext;

// This function upload the file.
function uploadimage($imagepath, $thumbpath){
if ($image)
// get the original name of the file from the clients machine
$filename = stripslashes($_FILES[‘image’][‘name’]);
// get the extension of the file in a lower case format
$extension = getExtension($filename);
$extension = strtolower($extension);
// if it is not a known extension, we will suppose it is an error, print an error message
if (($extension != “jpg”) && ($extension != “jpeg”) && ($extension != “png”))
echo ‘<h1>Unknown extension!</h1>’;
// get the size of the image in bytes
// $_FILES[\’image\’][\’tmp_name\’] is the temporary filename of the file in which the uploaded file was stored on the server

//compare the size with the maxim size we defined and print error if bigger
if ($sizekb > MAX_SIZE*1024)
echo ‘<h1>You have exceeded the size limit!</h1>’;
//we will give an unique name, for example the time in unix time format
//the new name will be containing the full path where will be stored (images folder)
$copied = copy($_FILES[‘image’][‘tmp_name’], $newname);
//we verify if the image has been uploaded, and print error instead
if (!$copied)
echo ‘<h1>Copy unsuccessfull!</h1>’;
// the new thumbnail image will be placed in images/thumbs/ folder
// call the function that will create the thumbnail. The function will get as parameters

// checks if the form has been submitted
if(isset($_POST[‘Submit’]) && !$errors )
uploadimage(‘images’, ‘images/thumbs’);
echo “<h1>Thumbnail created Successfully!</h1>”;


<form name=”newad” method=”post” enctype=”multipart/form-data” action=””>
<div><label>Image: </label><input type=”file” name=”image” ></div>
<input name=”Submit” type=”submit” value=”Upload image”>


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s