windows-store-apps - 防止 Windows Store 应用程序中的像素化图像

Question

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

我已经尝试了 IE 特有的旧(鲜为人知)属性 - ms-interpolation-mode: bicubic;但这没什么区别。

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

我已经在 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 应用程序似乎不支持。

There is actually a feature request for it here, with 5699 votes on User Voice, titled 'Return subpixel antialiasing to IE and ModernUI apps'

该请求与字体有关，但在幕后，它是同一回事。