Resize image to long edge value

[benjaminE]

Hello,

Is there any way to resize images using processwire and PHP so that a maximum long edge value is respected?

For example, I would like it so that landscape images are resized to a maximum width of (say) 900px and portrait images to a maximum height of 900px, and in both cases the second dimension adjusts to maintain the natural aspect ratio.

Can this be done with processwire?

Many thanks in advance,

b

[Wanze]

Something like this?

$image = $page->images->first();

$img = null;
if ($image->width >= $image->height) {
  // Lancscape
  $img = $image->width(900);
} else {
  // Portrait
  $img = $image->height(900);
}

echo "<img src='{$img->url}' alt=''>";

[benjaminE]

That's perfect, thank you!

I'm fairly new to PHP (more of a JS knowledge) so these kind of things are still new to me. But very useful to learn. So thanks!

b

[horst]

there is also a short way to write it in PHP. Maybe you know it from JS:

$image = $page->images->first();

$img = ($image->width >= $image->height) ? $image->width(900) : $image->height(900);

echo "<img src='{$img->url}' alt=''>";

[horst]

BTW: the intended way I think is to call size instead of width or height, but with disabled cropping:

$image = $page->images->first();

$options = array('cropping'=>false);

echo "<img src='{$image->size(900,900,$options)->url}' alt=''>";

[PeterDK]

BTW: the intended way I think is to call size instead of width or height, but with disabled cropping:

$image = $page->images->first();

$options = array('cropping'=>false);

echo "<img src='{$image->size(900,900,$options)->url}' alt=''>";

I tried that, but didn't work out for me. I'm too new with php, so maybe it's not a bug. Could some more proficient test this out? Then we might raise an issue on github ;-)

[kongondo]

@PeterDK,

What didn't work? Don't you get an image output? Do you get errors? The code works for me..Make sure your replace $page->images with the actual name of your image field, e.g. $page->bilder...

[PeterDK]

The 'cropping false' technique didn't work. I didn't get the desired effect.

I got image output, put exactly the same as with 'cropping on default true'....

[Soma]

You need to first delete the.variation to get a new of the same dimension. removeVariations()

[PeterDK]

You need to first delete the.variation to get a new of the same dimension. removeVariations()

Solved it!