Ad:

PHP Code Snippet
Views: 1933

Quick 'n Dirty Thumbnails

by Stan Kilgore on Feb 20th, 2010

This code is for a stand-alone file, named "thumbnail.php" or something similar. Once uploaded to your server, it can be called from inside an IMG tag.

There are four options for this script without modifying anything.

First, you can resize the image to a percentage of the original, as to maintain aspect ratio.
Second, you can set a maximum width for the thumbnails.
Third, you can set a maximum height for the thumbnails.
Lastly, if you do not specify a way to create the thumbnail, then the script defaults to creating a thumbnail 25% of the size of the original preserving its original aspect ratio.

So, when you need the thumbnail, you can call it like these examples, depending on what you need:

PHP Syntax (Toggle Plain Text)
// This creates a thumbnail 30% size of the original
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&pct=30">
 
// This creates a thumbnail with a maximum width of 150 pixels
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&maxw=150">
 
// This creates a thumbnail with a maximum height of 100 pixels.
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&maxh=100">
 
// The default creates a thumbnail 25% of it's original size preserving its original aspect ratio
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg">
// This creates a thumbnail 30% size of the original
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&pct=30">

// This creates a thumbnail with a maximum width of 150 pixels
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&maxw=150">

// This creates a thumbnail with a maximum height of 100 pixels.
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&maxh=100">

// The default creates a thumbnail 25% of it's original size preserving its original aspect ratio
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg">

I hope this helps someone out there looking for a Quick 'n Dirty thumbnail script.

PHP Code Snippet (Toggle Plain Text)

<?php 
// The file you are resizing 
$file = $_GET['filename'];
 
$sizeset = false;
list($width, $height) = getimagesize($file); 
 
//This will set our output size depending on input
 
if($_GET['pct']) {               		// First type - percentage of original size
	$size = $_GET['pct']/100; 
	$modwidth = $width * $size; 
	$modheight = $height * $size; 
	$sizeset = true;
} 
 
if($_GET['maxw']) {               		// Second type - Determine Max Width of thumbnails
	$wpct = $_GET['maxw'] / $width;
	$modwidth = $_GET['maxw'];
	$modheight = round($height*$wpct);
	$sizeset = true;
} 
 
if($_GET['maxh']) {               		// Third type - Determine Max Height of thumbnails
	$hpct = $_GET['maxh'] / $height;
	$modheight = $_GET['maxh'];
	$modwidth = round($width*$hpct);
	$sizeset = true;
} 
 
if(!$sizeset) {					// Fourth type - If nothing else specified, default to this percentage
	$size = .25;				// This is set for 25%
	$modwidth = $width * $size; 
	$modheight = $height * $size; 
} 
 
// This sets it to a .jpg, but you can change this to png or gif 
header('Content-type: image/jpeg'); 
 
// Resizing the Image 
$tn = imagecreatetruecolor($modwidth, $modheight); 
$image = imagecreatefromjpeg($file); 
imagecopyresampled($tn, $image, 0, 0, 0, 0, $modwidth, $modheight, $width, $height); 
 
// Outputting a .jpg, you can make this gif or png if you want 
//notice we set the quality (third value) to 100 
imagejpeg($tn, null, 100); 
?>

Comments on this Code Snippet

Permalink

Feb 20th, 2010

Re: Quick 'n Dirty Thumbnails

This could be useful. Thanks for sharing. My only concern would be with the stress put on the server...I wonder if there'd be a way to cache the thumbnails so they wouldn't have to be re-converted every single time the page is loaded.

Jerail

Light Poster

Offline

39 posts
since Feb 2010

Permalink

Feb 20th, 2010

Re: Quick 'n Dirty Thumbnails

@Jerail: I can see that. I use this script a lot, but I usually do not have a ton of images to be thumbnailed. I imagine that, if one was inclined, it could be modified so that a user could upload the image and, once uploaded, the thumbnail created automatically. Great point to bring up!

Wraithmanilian

Junior Poster

Offline

141 posts
since Dec 2009

Permalink

Mar 5th, 2010

Re: Quick 'n Dirty Thumbnails

thank you for sharing...it could be a great help for me especially for the learning of the students like me.....

chumsie

Newbie Poster

Offline

3 posts
since Mar 2010

Permalink

Jul 6th, 2010

Set a Max Width/Height and Resize Img to Fit AND Retain Aspect Ratio

Wraithmanilian:

I want to set a max width and height then resize my images (of different aspect ratios) to fit inside that "box" (resizing up/down as necessary) while retaining its original aspect ratio. Can I (and if so how) can I do this with your code?

Click to Expand / Collapse Quote originally posted by Wraithmanilian ...

This code is for a stand-alone file, named "thumbnail.php" or something similar. Once uploaded to your server, it can be called from inside an IMG tag.

There are four options for this script without modifying anything.

First, you can resize the image to a percentage of the original, as to maintain aspect ratio.

Second, you can set a maximum width for the thumbnails.

Third, you can set a maximum height for the thumbnails.

Lastly, if you do not specify a way to create the thumbnail, then the script defaults to creating a thumbnail 25% of the size of the original preserving its original aspect ratio.

So, when you need the thumbnail, you can call it like these examples, depending on what you need:
PHP Syntax (Toggle Plain Text)
// This creates a thumbnail 30% size of the original
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&pct=30">
 
// This creates a thumbnail with a maximum width of 150 pixels
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&maxw=150">
 
// This creates a thumbnail with a maximum height of 100 pixels.
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&maxh=100">
 
// The default creates a thumbnail 25% of it's original size preserving its original aspect ratio
<img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg">
// This creates a thumbnail 30% size of the original <img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&pct=30"> // This creates a thumbnail with a maximum width of 150 pixels <img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&maxw=150"> // This creates a thumbnail with a maximum height of 100 pixels. <img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg&maxh=100"> // The default creates a thumbnail 25% of it's original size preserving its original aspect ratio <img src="http://www.mysite.com/theabovecode.php?filename=images/yourimage.jpg">
I hope this helps someone out there looking for a Quick 'n Dirty thumbnail script.

ms_sws

Light Poster

Offline

31 posts
since Mar 2010

Previous Thread in PHP Forum Timeline: include function not working URGENT!

Next Thread in PHP Forum Timeline: [split] project help

DaniWeb Message

Cancel Changes

User Name
Password