Scene7 is not giving desired image size in square and rectangle mode

[#1]

As part of business requirement , we need two modes square(360*360) and landscape(400*192) of same image (actual image dimension is 1000*1000) . 

1. We created image presets(wid & hei parameters added) & found that we will get white background appended on the border of image if actual image is landscape & we are trying to retrieve square image & vice versa .
2. So to remove white background,  we applied format alpha-png which helped us in removing transparent background but created another problem of reduced image size.
3. In order to prevent small size image & white background, we appended scl=1 in image url  which cropped the image to desired size & also removed the original content of image.

Is there any solution using which we can get image required size of image without any above mentioned problems.

[#2 · Accepted solution]

There's are 2 low-tech solutions and 1 high-tech.

First, the easy high-tech solution: if you're licensed for Dynamic Media and using dynamicmedia_scene7 runmode, use Smart Cropping. This is awesome new tech that allows aspect ratios to be adjusted with Sensei. You can configure this under image profiles.  Documentation here: https://docs.adobe.com/content/help/en/experience-manager-65/assets/dynamic/image-profiles.html

Low-tech option 1: Only specify one dimension.  In your case, you'd specify the width and leave the height blank to let it float.  That won't get you the exact dimension you want if the source asset is a different aspect ratio, but without smart cropping, there really aren't good options.

Low-tech option 2: add fit=constrain to the image modifier section.  This will instruct Dynamic media to basically do low-tech option #1, but will float either the height or the width depending on which will work better in the specified dimensions.

Hope this helps!

Beau

[#3]

Hi priyanshis83175,

can you please confirm if the image is transparent? also have you tried appending the URL with the parameter "bgc= " (back ground color) with the desired color?

[#4]

Could you share an example url?