shock’s place to chill-out and have some fun

Hello today i’m going to talk about resizing your the images in your site.
So let’s say for example that you have a CMS system - like Joomla for example. In the administration you usually have functionality like - uploading images and linking them in your content.
But often the problem with that is that usually the customers will upload too large images (copied in raw jpeg directly from their cameras) and when they link them to the content of their website, it get’s really messy.
Anyway you can fix this by writing some script that directly resize the image to some resolution like 500px/* for example, but what will happen if you want to put lightbox or something other to show the image in large resolution, or you just want to put some function to download the original file etc. You simply can’t because the image was resized at the moment it was uploaded on the server.

How about dinamically resize the image at the very  moment that client requests it?

So that way we wont have a big image that the client has to download, and at the same time we will still have the original, good resolution copy of the image, in case that we need it. We can also use the following PHP script for creating thumbnails.

Well - as you will see below it’s not hard at all to do it,  i mean not hard at all

So what we are about to do is create a PHP file that we are going to use for resize of the image.

We are going to pass the images to it like $_GET parameters, for example:

resizeImage.php?image=/images/file.jpg

and the image on our site will look like <img src=”resizeImage.php?image=/images/file.jpg” alt=”#” />

so let’s get to the script:
filename: resizeImage.php
$f = htmlspecialchars($_GET['image']);

$im = imagecreatefromjpeg($f);
//we create the image from the $_GET path
$a = getimagesize($f);

$newwidth = 400;
//we decide to make the picture 400px width and depends on the width/height ratio we calculate what should be the height
if ($a[0] > $a[1]) {
$percentage = $a[0] / $a[1];
$newheight = 400 / $percentage;
} else {
$percentage = $a[1] / $a[0];
$newheight = 400 * $percentage;
}

$d=imagecreatetruecolor($newwidth,$newheight);

imagecopyresized($d, $im, 0, 0, 0, 0, $newwidth, $newheight, $a[0], $a[1]);

header(”Content-type: image/jpeg”);
//we modify the header to treat resizeImage.php as image

imagejpeg($d, null, 90 );
//here we show our modified image at quality 90

imagedestroy($im);
//we free the memory (not necessary, but it’s good practic)
imagedestroy($d);
?>

So that’s about it I hope it was useful for you.
Anyway i wrote another script that replaces all the content from your site ( for example joomla site)
and basically does the following: when we have it uses regular expression to replace it like this and basically it does all the work for you with the replacing
if you need it i can post it here as well

have a nice one -)