防ぐピクセル化画像

リサイズ時に私が働いてきた任意のアプリに表示され、十分な大きさの任意の画像をピクセル化となります。上記のスクリーンショットは、出力時に大きくピクセル化される高解像度の写真を示しています。

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" />

誰もがピクセレーションを停止する方法を知っていますか？

出典

2015-09-24 Chris Spittles

実際、IE11とEdgeにも同じ問題があります。画像のサイズを小さくしてみると、ピクセル化されます。 '-ms-interpolation-mode：bicubic;'はもはや動作しません。 Edgeの 'image-rendering'のステータスは、[here]（https://dev.modern.ie/platform/status/imagerendering/）にあります。 –

アンチエイリアスが不足しているように見えます。私はこれに潜って、ボンネットの下で何が起こっているかを見てみましょう。 –

私は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'

その要求は、フォントに関連しているが、ボンネットの下に、それは同じことです。

出典

2015-09-26 15:55:41

応答していただきありがとうございます。あなたはおそらくこの問題を回避する方法を知っていますか？ –

私は頭の上から何かを知りませんが、私は製品グループの1つに手を差し伸べるでしょう。 –

防ぐピクセル化画像

答えて

関連する問題