Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
Hello everybody,
I have a problem with figuring out how the Image Crop modes work.
In our system users are allowes to upload any kind of images with varying aspect ratios and dimensions. I would like to generate thumbnails that are 800 (width) x 500 (height) px.
To acieve this I use
var image = umbracoHelper.TypedMedia(Model.GetPropertyValue("logoImage")); imageUrl = image.GetCropUrl(height: 500, width: 800, imageCropMode:ImageCropMode.Pad);
The problem is that it results in black bars on the images that are in JPG format and do not match this aspect ratio.
Is it possible to change the color of the black bars to be white?
Hi Vaidas,
Yes you can like this:
image.GetCropUrl(height: 500, width: 800, imageCropMode: ImageCropMode.Pad, furtherOptions: "&bgcolor=fff");
Jeavon
Hey Jeavon,
Thank you very very much! Works like a charm now ;)
You're welcome!
Hola,
For future reference the image cropper in Umbraco uses ImageProcessor. You can find the documentation for the url API here
From there you will be able to see the full range of instructions that are supported.
Cheers
James
is working on a reply...
Write your reply to:
Upload image
Image will be uploaded when post is submitted
GetCropUrl with ImageCropMode.Pad results in black bars on the sides
Hello everybody,
I have a problem with figuring out how the Image Crop modes work.
In our system users are allowes to upload any kind of images with varying aspect ratios and dimensions. I would like to generate thumbnails that are 800 (width) x 500 (height) px.
To acieve this I use
var image = umbracoHelper.TypedMedia(Model.GetPropertyValue("logoImage")); imageUrl = image.GetCropUrl(height: 500, width: 800, imageCropMode:ImageCropMode.Pad);The problem is that it results in black bars on the images that are in JPG format and do not match this aspect ratio.
Is it possible to change the color of the black bars to be white?
Hi Vaidas,
Yes you can like this:
Jeavon
Hey Jeavon,
Thank you very very much! Works like a charm now ;)
You're welcome!
Hola,
For future reference the image cropper in Umbraco uses ImageProcessor. You can find the documentation for the url API here
From there you will be able to see the full range of instructions that are supported.
Cheers
James
is working on a reply...