2015-09-24 26 views
6

enter image description hereZapobieganie piksele obrazów w systemie Windows Store App

Każdy obraz o wystarczającej wielkości, która jest wyświetlana w dowolnej aplikacji Pracowałem na piksele, gdy zostaje zmieniony. Zrzut ekranu powyżej pokazuje zdjęcie o wysokiej rozdzielczości, które po wydrukowaniu staje się silnie pikselowane.

Próbowałem starej dobrej (mało znanej) właściwości specyficznej dla IE - ms-interpolation-mode: bicubic;, ale to nie ma znaczenia.

Widziałem ten problem w aplikacji Wiadomości firmy Microsoft na wielu komputerach, więc nie sądzę, że jest to problem ograniczony do mojej maszyny lub sposobu wyświetlania obrazu.

Próbowałem tego w Windows 8/8.1 i 10 z tymi samymi wynikami.

Próbowanie tego samego kodu w Edge i IE11 działa dobrze, obraz jest pięknie ostry bez pikselizacji. Oto dokładny CSS i obraz, który składa się na przykładowy zrzut ekranu aplikacji.

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

Czy ktoś wie, jak zatrzymać pixelation?

+0

W rzeczywistości ten sam problem występuje w IE11 i Edge. Po prostu spróbuj zmienić rozmiar obrazu na mniejszy, a zostanie on podzielony na piksele. '-ms-interpolation-mode: bicubic;' już nie działa. Status "renderowania obrazu" na Edge można znaleźć [tutaj] (https://dev.modern.ie/platform/status/imagerendering/). –

+0

Wygląda na brak antyaliasingu. Pozwól mi zagłębić się w to i zobaczyć, co dzieje się pod maską. –

Odpowiedz

0

Myślę, że to brak antyaliasingu podpikseli, który nie jest obsługiwany w aplikacjach IE i Modern 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'

Wniosek ten jest istotny dla czcionek, ale pod maską to samo.

+0

Dzięki za odpowiedź. Czy może znasz sposób na obejście problemu? –

+1

Nie znam niczego z mojej głowy, ale skontaktuję się z jedną z grup produktów. –