Microsoft Edge Image Scaling

Chr*_*ert 23 css css3 microsoft-edge

如何为MS Edge使用bicubic制作图像缩放?是否有一些可以改变行为的CSS或类似物.

见此页:http://duttongarage.com/Race-Workshop~317

在右边有两个带有纹理背景的图像,你可以非常清楚地看到奇怪的文物

Chrome v Edge Moire模式

左侧是Chrome,右侧是MS Edge.正如你所看到的那样,调整大小是最近邻或线性的,而不是双三次,有一些奇怪的莫尔效应.

另一个更典型的例子: Edge v Crhome Pixelation

Microsoft Edge位于顶部,Chrome位于底部.请注意像素化,就像我对过去十年的浏览器所期望的那样.

xb1*_*itz 1

过时的

这是过时的解决方案,不适用于最新版本的 MS Edge。

===========

这个小小的 css 调整解决了我的问题:

img {
    -ms-interpolation-mode: bicubic;
}
Run Code Online (Sandbox Code Playgroud)

  • 这在 Edge 版本 12.10240 中没有任何作用 (2认同)
  • 现在它在 IE11 中也没有任何作用(至少在 Win10 中)---- 天才们删除了这个 hack,没有修复默认引擎 ---- 作为演示,浏览到桌面上的 microsoft.com,缩小浏览器-window 看看这两款 MS 浏览器与 Chrome 和 Firefox 相比有多么糟糕 ---- 在这个响应时代令人难以置信...... (2认同)