Resizing and Manipulating Images

Tweet

22 March 2009 | Aram Balakjian | Images, Templates | Supports v2.4, v2.3

4 2

You can resize images from within the template very easily. But sometimes you need to resize it and just use the URL value, something you can't do by calling the resize on the variable directly (e.g. $Image.CroppedImage(200,200)). This is how we would create a cropped resize of it and still be able to use just the URL, allowing a custom <img> tag.

<% control Image %>
	<img src="$CroppedImage(200,200).URL" alt="$Title" />
<% end_control %>

You can also use these other GD functions in a control block:

$PaddedImage(200,200)
$ResizedImage(200,200)
$SetWidth(200)
$SetHeight(200)

If you would rather be doing your resizing in PHP, here are the GD functions you can use on image (kindly Supplied by SalvaStripe):

//Very basic resize, just skews the image if necessary
$Image->SetSize(width,height);

//Resizes an image with a maximum width and height - a useful function
$Image->SetRatioSize(width,height);

//Adds additional padding if necessary after resizing to width height.
$Image->PaddedImage(width,height);

//Crops the image from the centre, to the given width and height.
$Image->CroppedImage(width,height);

//Maximum height the image resizes to, keeps proportion so width is flexible.
$Image->SetHeight(height);

//Maximum width the image resizes to, keeps proportion so height is flexible
$Image->SetWidth(width);

//Returns the height of the image.
$Image->getHeight();

//Returns the width of the image
$Image->getWidth();

//Returns a class constant: ORIENTATION_SQUARE or ORIENTATION_PORTRAIT or ORIENTATION_LANDSCAPE	
$Image->getOrientation();