防止Windows应用商店应用中的像素化图像

Question

在调整大小时,任何我工作过的应用程序中显示的足够大小的图像都会变得像素化.上面的屏幕截图显示了一张高分辨率的照片 - 当输出时 - 会变得像素化很多.

我已经尝试了IE特有的旧的(鲜为人知的)属性 - ms-interpolation-mode: bicubic;但它没有任何区别.

我在多台机器上的微软新闻应用程序中看到了这个问题所以我不认为这是一个问题仅限于我的机器或我显示图像的方式.

我在Windows 8/8.1和10中尝试过这个,结果相同.

在Edge和IE11中尝试相同的代码工作正常,图像非常锐利,没有像素化.以下是构成应用示例屏幕截图的确切CSS和图像.

.exampleImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-interpolation-mode: bicubic;
}

<img src="http://blog-admin.cddev.org/wp-content/uploads/2014/12/Aston-Martin-DB10-Front-Three-Quarter-e1417707100993.jpg" class="exampleImage" />

有谁知道如何停止像素化？

Answer 1

我认为这是缺乏子像素抗锯齿功能，IE 和现代 UI 应用程序似乎不支持这种功能。

这里实际上有一个功能请求，在 User Voice 上获得了 5699 票，标题为“将子像素抗锯齿返回到 IE 和 ModernUI 应用程序”

该请求与字体相关，但在幕后是同一件事。