Image resize and whitespace to fixed canvas

[jpmoriarty]

I want to have a fixed size <img> box on my site, and dynamically generate images from a folder to go into that img box. I want to resize the images so that they fit in (i.e. restricted max width and height), but centre the image in the canvas and have white space pad the image to the extents of the canvas.

e.g.

• <img> box has width=250 and height=250.

• photo has width=250 height=300

• dyamic image has width and height=250 but has white space padding the image sides whilst the original image remains in proportion

can that be done?

[drew010]

this is a just a real quick try at it, but you should be able to modify it to get it just how you want...

<?php

$file = "image.jpg";

$new = imagecreatetruecolor(250, 250);

imagefill($new, 0, 0, 0xFFFFFF);


$info = getimagesize($file);

$old = imagecreatefromjpeg($file);

if ($info[0] > 250 || $info[1] > 250) {
  if ($info[0] > $info[1]) {
    $ratio = $info[0] / 250;
  } else {
    $ratio = $info[1] / 250;
  }
} else {
  $ratio = 1;
}

imagecopyresized($new, $old, (250 - ($info[0] / $ratio)) / 2, (250 - ($info[1] / $ratio)) / 2, 0, 0, $info[0] / $ratio, $info[1] / $ratio, $info[0], $info[1]);

header("Content-Type: image/jpeg");
imagejpeg($new);
?>

not tested but it may be pretty close...