Prevenire pixelated Immagini in Windows Store App

Qualsiasi immagine di dimensioni sufficienti che viene visualizzato in qualsiasi applicazione ho lavorato diventa pixelated quando ridimensionata. Lo screenshot in alto mostra una foto ad alta risoluzione che, una volta emessa, diventa fortemente pixelata.

Ho provato la vecchia proprietà (poco conosciuta) specifica per IE - ms-interpolation-mode: bicubic; ma non fa alcuna differenza.

Ho riscontrato questo problema nell'app Microsoft News su più macchine, quindi non penso che sia un problema limitato alla mia macchina o al modo in cui visualizzo l'immagine.

Ho provato questo in Windows 8/8.1 e 10 con gli stessi risultati.

Provando lo stesso codice in Edge e IE11 funziona bene, l'immagine è meravigliosamente nitida senza pixelazione. Ecco il CSS e l'immagine esatti che costituiscono lo screenshot di esempio dell'app.

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

Qualcuno sa come fermare il pixelation?

fonte

2015-09-24 Chris Spittles

In realtà, lo stesso problema esiste in IE11 e Edge. Prova a ridimensionare l'immagine più piccola e diventerà pixelata. '-ms-interpolation-mode: bicubic;' non funziona più. Lo stato di 'image-rendering' su Edge può essere trovato [qui] (https://dev.modern.ie/platform/status/imagerendering/). –

Sembra una mancanza di anti-aliasing. Lasciami immergermi in questo e vedere cosa succede sotto il cofano. –

Penso che sia una mancanza di antialiasing subpixel, che non sembra essere supportato nelle app IE e 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'

Tale domanda è rilevante per i font, ma sotto il cofano è la stessa cosa.

fonte

2015-09-26 15:55:41

Grazie per la risposta. Sai forse un modo per risolvere il problema? –

Non so nulla di ciò che vada per la testa, ma raggiungerò uno dei gruppi di prodotti. –

Prevenire pixelated Immagini in Windows Store App

risposta

Problemi correlati