IE 11 displays modified images without antialiasing

I have a page where images on the server are reduced using CSS (for example, an image of 300 × 600 pixels will be scaled to 100x200 pixels using CSS)

In Chrome and Firefox, these images are displayed correctly, with appropriate smoothing. The problem is IE 11, which fully displays images without smoothing, which makes them jagged and sharp.

Due to the specific requirements of the project, image reorientation should be done using CSS.

I tried to add -ms-interpolation-mode: bicubic;, but this does not work, as it was discounted for the "modern" versions of Internet Explorer.

Is there a way to make IE render these image sizes with anti-aliasing? In my opinion, this should be what IE does automatically, since every other browser on the market seems to have no problems processing image sizes.

+4
source share

All Articles