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

时间:2015-09-24 07:38:52

标签: windows-store-apps windows-8.1 winjs win-universal-app

enter image description here

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

我已经尝试了特定于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" />

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

1 个答案:

答案 0 :(得分:0)

我认为缺少亚像素抗锯齿,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'

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