ImageryLayer interpolation with a renderer

[Nicolas_]

Hello,

My javascript map properly display an imageryLayer coming from an image server:

As you can see, the layer in displayed with bilinear interpoaltion as asked in my code:

let layerTMOY_QUOT = new ImageryLayer({
    url: URL_TMOY_QUOT,
    interpolation: "bilinear"
});
map.add(layerTMOY_QUOT);

Now if I add a renderer to the imagery layer, the dsplayed image is no longer interpolated:

You can see all the individual pixels. It seems that the interpolation properties is now ignored despite what I wrote in my code:

let layerTMOY_QUOT = new ImageryLayer({
    url: URL_TMOY_QUOT,
    renderer: rendererTemperature,
    interpolation: "bilinear",
});

How can I use both a renderer and interpolation of the displayed pixels?

EDIT: Here is the code for the renderer,in case it could be useful :

let rendererTemperature = new RasterStretchRenderer({
    statistics: [[-50, 40, 0, 0]],
    stretchType: "min-max",
    colorRamp: new MultipartColorRamp({
        colorRamps: [
            { algorithm: "cie-lab", fromColor: new Color([255, 0, 192, 255]), toColor: new Color([255, 128, 255, 255]) },
            { algorithm: "cie-lab", fromColor: new Color([255, 128, 255, 255]), toColor: new Color([208, 254, 254, 255]) },
            { algorithm: "cie-lab", fromColor: new Color([208, 254, 254, 255]), toColor: new Color([104, 127, 178, 255]) },
        ]
    })
});

[Nicolas_ · Accepted solution]

Ok I found a solution. Forcing the format of the ImageryLayer to be "lerc" show the images as interpolated again:

let layerTMOY_QUOT = new ImageryLayer({
    url: URL_TMOY_QUOT,
    renderer: rendererTemperature,
    format: "lerc",
    interpolation: "bilinear"
});