Zapobieganie 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?
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/). –
Wygląda na brak antyaliasingu. Pozwól mi zagłębić się w to i zobaczyć, co dzieje się pod maską. –