Pixelated / Low Resolution Image in the Image Control

[Angelo_Ab]

Hi,

we have an external service that generates URL referred to product images.

In the Avatar of Products Object Table we set the URL returned from the OData:

Spoiler

"AvatarStack": {

"Avatars": [

  {

      "Image": "{Url}"

  } ],

"ImageIsCircular": false,

"ImageHasBorder": false },

Result:

In the detail product page I have an Image Control that refers to the same URL of the Product Object Table.

Spoiler

"_Type": "Section.Type.Image",

"_Name": "SectionImage0",

"Visible": true,

"Image": "{Url}",

"Alignment": "Center",

"ContentMode": "ScaleAspectFit"

Result:

The image generated from the service, have an high resolution but when we try to show it in the image control, it showed in a bad resolution.

If we try to open the same image using the same URL via Open Doc the image show a way better.

Result:

I tried to render again the page with Image Control but the result was the same.

How I can resolve this issue ?

Thank you.

[bill_froelich]

Is that URL public? Can you share the URL for the image you are using?

[Angelo_Ab]

Hi @bill_froelich 

This is theused url.

https://aomedia.org/assets/images/blog/parrot-avif.avif

This is not from our service but the format/extension of the image is the same.

Thank you.

[bill_froelich]

Thanks. I will do a few tests