Thumbnail stretches :\

[kevin_newbie]

Hello,

 

I have a thumbnail script that is stretching the image. I do not want that, I want to be able to set the width and height of the image, then it crops what ever is left. I left an attachment of what the images are doing so you know what I am talking about.

 

This is what I have now;

header("Content-Type: image/jpeg");
$source = $_GET['pic'];

$size = getimagesize($source);
          
$setWidth = 238;
$setHeight = 143;

$width = $size[0];
$height = $size[1];
          
if($width> $height) 
{
$x = ceil(($width - $height) / 2 );
$width = $height;
}

else if($height> $width) 
{
$y = ceil(($height - $width) / 2);
$height = $width;
}

$new_im = ImageCreatetruecolor($setWidth,$setHeight);
$im = imagecreatefromjpeg($source);
imagecopyresampled($new_im,$im,0,0,$x,$y,$setWidth,$setHeight,$width,$height);
imagejpeg($new_im,$dest,100);

 

Then for my php page I am doing:

<img src="filename.php?pic=images/1.jpg\" />

 

 

[attachment deleted by admin]

[.josh]

you can do this with the gd library

[kevin_newbie]

What do you mean use the gd library? I am using the gd library.

[.josh]

right.  but if you go to that link, you will see that there are a lot of other functions in that library than just the ones you used.  You can use them to achieve what you want.  Or you know, you could just google for a php image cropping script...

[ProXy_]

this is somewhat what your looking for.

But this should give you the idea..

 

<?php
/*
* This script demonstrates the mathematics of resizing an image to a different
* width and height without stretching or squeezing the original image. If the
* source image has a different aspect ratio than the destination image, the
* source image will be cropped.
* 
* Consider a source image with a width of 320 pixels and a height of 240
* pixels. The destination image is to be 80 pixels by 80 pixels. If these
* dimensions were passed directly to imagecopyresampled(), the resized image
* would appear to have a squeezed width. To prevent this, the width of the
* source image should be cropped to 240 pixels so that the ratio of its width
* to its height is 1:1, which is the same as the destination image's ratio.
* When the source image is resized, it will not appear squeezed.
*/

$src = imagecreatefromjpeg('sample.jpg'); // Source image

$dw = 80;                    // Destination image Width
$dh = 80;                    // Destination image Height

$sw = imagesx($src);         // Source image Width
$sh = imagesy($src);         // Source image Height

$wr = $sw / $dw;             // Width Ratio (source:destination)
$hr = $sh / $dh;             // Height Ratio (source:destination)

$cx = 0;                     // Crop X (source offset left)
$cy = 0;                     // Crop Y (source offset top)

if ($hr < $wr)               // Height is the limiting dimension; adjust Width
{
    $ow = $sw;               // Old Source Width (temp)
    $sw = $dw * $hr;         // New virtual Source Width
    $cx = ($ow - $sw) / 2;   // Crops source width; focus remains centered
}
if ($wr < $hr)               // Width is the limiting dimension; adjust Height
{
    $oh = $sh;               // Old Source Height (temp)
    $sh = $dh * $wr;         // New virtual Source Height
    $cy = ($oh - $sh) / 2;   // Crops source height; focus remains centered
}
// If the width ratio equals the height ratio, the dimensions stay the same.

$dst = imagecreatetruecolor($dw, $dh); // Destination image
imagecopyresampled($dst, $src, 0, 0, $cx, $cy, $dw, $dh, $sw, $sh);

// Previews the resized image (not saved)
header('Content-type: image/jpeg');
imagejpeg($dst);
?>

 

Hopefully this Helps

[kevin_newbie]

Crayon Violent,

 

Thanks for the link and let me check it out.

 

Hi ProXy_

 

I tried the script you sent me and what it does is crops the picture but then distorts it, I don't want that. I like what I have now I just don't like the whole stretching out the image, as you can see in the attached on my first post.

 

Thanks though.

 

 

[designrandom]

I use something similar to the code below. It won't crop the image, or make it an exact size - it will resize to either the max-width or max-height depending on whether the image is landscape or portrait.

 

Hope it an be of some use...

 

  define('MAX_WIDTH', 500);
  define('MAX_HEIGHT', 500);
  
  // process the uploaded image
    $original = ($_FILES['filelogo']['tmp_name']);
    // begin by getting the details of the original
    list($width, $height, $type) = getimagesize($original);
// calculate the scaling ratio
    if ($width <= MAX_WIDTH && $height <= MAX_HEIGHT) {
      $ratio = 1;
      }
    elseif ($width > $height) {
      $ratio = MAX_WIDTH/$width;
      }
    else {
      $ratio = MAX_HEIGHT/$height;
      }

[kevin_newbie]

Hi designrandom,

 

Thanks for this snippet but I already have something like this, I want to be able to have my exact size like I have on my first post. Thanks again though