为什么Sitecore图像在顶部和底部有黑色边框？

Question

在我的子布局中，我试图渲染图像

HTML：

<sc:Image runat="server" ID="fldImage" Height="75px" Width="98px" />

CS代码有以下行来填充图像，

sitecoreImage.Field = SitecoreUtility.SITECORE_FIELD_LIST_IMAGE;
sitecoreImage.Item = sitecoreItem;

图像正在渲染，顶部和底部带有黑色边框。

调试时我看到像

这样的图片网址

/~/media/Images/image-thumb.jpg?as=1&h=75&la=en&w=98&hash=920D0F90FR9BE29A9DC4131BAF1C5CD6BEA96F3B

尝试仅使用以下网址请求图片时

http://domain/~/media/Images/image-thumb.jpg?as=1&h=75&la=en&w=98&hash=920D0F90FR9BE29A9DC4131BAF1C5CD6BEA96F3B

我看到带边框的图片。

但是当我从网址

中剥离hash=920D0F90FR9BE29A9DC4131BAF1C5CD6BEA96F3B时

http://domain/~/media/Images/image-thumb.jpg?as=1&h=75&la=en&w=98

我看到图像的渲染没有黑线。

为什么我们在顶部和底部看到带有黑色边框的图像？

感谢您的帮助。

Answer 1

您要求图片的宽度和高度可能不是导致Sitecore根据您的要求调整图片的原始图片。由于它将保留纵横比，因此可能会添加背景颜色。使用的默认背景颜色是黑色，这就是您看到的原因。您可以使用Media.DefaultImageBackgroundColor设置更改颜色。

删除哈希后，Sitecore将不再进行调整，因为网址已被篡改。我假设您的图像的宽度和高度也不同（实际尺寸，而不是您在屏幕上看到的）。