PHP: Faster thumbnail gallery

Community Forums/General Help/PHP: Faster thumbnail gallery

Yahfree

(Posted 2009) [#1]

Hey, the thumbnail gallery I use is pretty slow, because all thumbnails are generated on the fly.. Does anyone know of a faster method?

This is a call to show a photogallery on any given page:

<?php 
	$sgal = "p_Sensi";
	require_once("tn_gen/showgallery.php");
?>

$sgal is the name of the folder of pictures to show.

showgallery.php

<?php



$fCount = 0;



if ($handle = opendir("bignails/$sgal")) {

    while (false !== ($file = readdir($handle))) { 

        if ($file != "." && $file != "..") {

	        if (substr($file, strlen($file)-3, 3)=="jpg" || substr($file, strlen($file)-3, 3)=="JPG" ) {

	            $fCount=$fCount+1;

				$fName[] = $file;

	        }            

        }

    }

}

closedir($handle);



?>



<br/>



<?php echo "Images in gallery: ",$fCount; ?>



<table cellspacing = "2">



	<?php 

	$i = 0;

	while($i < $fCount){ 

	?>

		<tr>

			<td>

				<a href="bignails/<?php echo $sgal,"/",$fName[$i]; ?>">

				<img src="tn_gen/thumb.php?<?php echo $sgal,"/",$fName[$i]; ?>">

				</a>

			</td>

			<?php 

				$i++;

				if ($i > $fCount-1){ break; }

			?>

			<td>

				<a href="bignails/<?php echo $sgal,"/",$fName[$i]; ?>">

				<img src="tn_gen/thumb.php?<?php echo $sgal,"/",$fName[$i]; ?>">

				</a>

			</td>

			<?php 

				$i++;

				if($i > $fCount-1){ break; }

			?>

			<td>

				<a href="bignails/<?php echo $sgal,"/",$fName[$i]; ?>">

				<img src="tn_gen/thumb.php?<?php echo $sgal,"/",$fName[$i]; ?>">

				</a>

			</td>

			<?php 

				$i++;

				if($i > $fCount-1){ break; }

			?>

			<td>

				<a href="bignails/<?php echo $sgal,"/",$fName[$i]; ?>">

				<img src="tn_gen/thumb.php?<?php echo $sgal,"/",$fName[$i]; ?>">

				</a>

			</td>

			<?php 

				$i++;

				if($i > $fCount-1){ break; }

			?>

			<td>

				<a href="bignails/<?php echo $sgal,"/",$fName[$i]; ?>">

				<img src="tn_gen/thumb.php?<?php echo $sgal,"/",$fName[$i]; ?>">

				</a>

			</td>

			<?php 

				$i++;

				if($i > $fCount-1){ break; }

			?>

			<td>

				<a href="bignails/<?php echo $sgal,"/",$fName[$i]; ?>">

				<img src="tn_gen/thumb.php?<?php echo $sgal,"/",$fName[$i]; ?>">

				</a>

			</td>

			<?php 

				$i++;

				if($i > $fCount-1){ break; }

			?>

		</tr>

	<?php } ?>

	

</table>

This one loops through each file in the folder that is an image and gives the file name to thumb.php, which spits out a thumbnail.

thumb.php

<?php
header("Content-Type: image/jpeg");

$image_file = str_replace('..', '', $_SERVER['QUERY_STRING']);
$image_path = "../bignails/$image_file";

function createthumb($src_image,$new_w,$new_h)
{
	$src_img=imagecreatefromjpeg($src_image);
	$old_x=imageSX($src_img);
	$old_y=imageSY($src_img);
	if ($old_x > $old_y) 
	{
		$thumb_w=$new_w;
		$thumb_h=$old_y*($new_h/$old_x);
	}
	if ($old_x < $old_y) 
	{
		$thumb_w=$old_x*($new_w/$old_y);
		$thumb_h=$new_h;
	}
	if ($old_x == $old_y) 
	{
		$thumb_w=$new_w;
		$thumb_h=$new_h;
	}
	$dst_img=ImageCreateTrueColor($thumb_w,$thumb_h);
	imagecopyresampled($dst_img,$src_img,0,0,0,0,$thumb_w,$thumb_h,$old_x,$old_y); 
	imagejpeg($dst_img); 
	imagedestroy($dst_img); 
	imagedestroy($src_img); 
}

createthumb($image_path,80,80);
?>

This one uses GDI to output a thumbnail.

What can I do that would give me the least editing possible?

Yahfree

(Posted 2009) [#2]

I was thinking of something like this:

*Cycle through each image in the gallery
*If the image has a thumbnail counterpart in a corresponding folder, output that thumbnail
*if the image does not have a thumbnail counterpart, then create that counterpart, and output that thumbnail.

Something like this I would expect to have minimal changes, but I'm not 100% sure how to go about the thumbnail file creating and checking.

How do you save the created thumbnail to a file rather than outputting to the browser?

ragtag

(Posted 2009) [#3]

The way you can create thumbnails that will have the least affect on performance is to use something like a cron job. These run at regular intervals, not when you click on the image in the browser.

This could be done using ImageMagick and a simple shell script on a Unix/Linux/FreeBSD based web server. Basically for each image:
- Check if there is a thumbnail fail.
- Check if the image is newer than the thumbnail.
- If no thumbnail or thumbnail is newer, make a new one (convert command).

The only downside is that if you dump in lots of new images, there won't be any thumbnails for them until your cron job runs, or you run it manually. You could have a placeholder thumbnail instead.

The same could, of course, be done in your php code, and have it check for thumbnails and the date of the files vs. thumb, every time you view the page. This is pretty quick. To save the image to disk from php do:

imagejpeg($image, 'filename', 75);

See http://php.net/manual/en/function.imagejpeg.php