3497086 - Background image will be cropped and distorted once it's uploaded

The C4C system will crop and distort the background image once it's uploaded and saved.

"Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental."

SAP Cloud for Customer

1. Go to Settings > Branding > Background Image.
2. Upload the background image attached.
3. Save the change and log out.
4. The background image is cropped and distorted. Or rather, it is stretched wider.

This is a limitation. Basically, C4C will try to render the background image on the browser in full screen. During this, some minor distortions will happen. However, there is no information loss, and the portion of the image that is selected for getting set as background is completely seen on the screen. Also, C4C will fit the image into the full screen of the browser resulting in some minor distortions. This is also a limitation.

To work around this, resize the image from 1920×1080 to 1517×1080, which will greatly improve the background image's appearance.

Here are the steps you may follow to resize the image with the software Snagit Editor.

1. Open the original image in Snagit Editor.
2. Resize it to 1517×1080.
   
   
   
   
3. Save the resized image and set it as the background image.

*Note: This is an example. You can use other image editors to resize the image. And if the resolution of the original image is not 1920×1080, scale it in equal proportion.

Set Up Company Branding Images | SAP Help Portal

Branding Image, Background Image, Image Distorted, Branding , KBA , AP-RC-UIF , C4C UI Framework , AP-RC-UIF-RT , UI Framework Runtime , LOD-CRM-HOM , Home Page , Problem