Per sfruttare la crescente capacità degli schermi, in Windows 8 la qualità delle immagini è aumentata notevolmente e in WinRT queste vengono gestite al meglio per migliorare colori e dettagli.
Di contro è aumentato l'uso della memoria e dei cicli di CPU necessari per la loro visualizzazione; sebbene l'hardware a disposizione abbia notevoli prestazioni non dobbiamo trascurare le configurazioni che usano processori ARM, leggermente più limitati.
Per questi e comunque per tutte le app è consigliato usare le proprietà DecodePixelWidth e DecodePixelHeight, dell'oggetto BitmapImage, per fare in modo che l'oggetto prodotto dalla decodificata dell'immagine sia corrispondente alle dimensioni visualizzate a video.
Per comprendere le differenze che comportano l'uso di queste proprietà analizziamo il risultato a video e l'occupazione di memoria per un'immagine campione.
Nel markup dello snippet '1' impostiamo la proprietà Source di Image con una immagine JPG di 4 MB circa, di 4288x2848 pixel di dimensioni (la classica JPG di uno scatto con una moderna fotocamera digitale) e andiamo a forzare la sua dimensione a video con la consueta proprietà Width.
<!--1--> <Image Width="400"> <Image.Source> <BitmapImage UriSource="Assets/DSC_1987.JPG" /> </Image.Source> </Image> <!--2--> <Image Width="400"> <Image.Source> <BitmapImage UriSource="Assets/DSC_1987.JPG" DecodePixelWidth="400" /> </Image.Source> </Image>
Nello snippet '2', invece, usiamo DecodePixelWidth con un valore analogo alla proprietà Width.
L'immagine seguente rappresenta il Task Manager in cui possiamo vedere il consumo di memoria relativo ai due snippet di cui sopra, la differenza è molto evidente.
Di seguito possiamo vedere il risultato a video:
Se andiamo ad ingrandire le immagini a confronto possiamo apprezzare la diversa gestione che WinRT attua sui pixel.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Effettuare delete massive con Entity Framework Core 7
Evitare il flickering dei componenti nel prerender di Blazor 8
Definire lo stile CSS in base alle dimensioni del container
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Disabilitare automaticamente un workflow di GitHub
Eseguire operazioni sui blob con Azure Storage Actions
Limitare le richieste lato server con l'interactive routing di Blazor 8
Routing statico e PreRendering in una Blazor Web App
Usare le collection expression per inizializzare una lista di oggetti in C#
Implementare il throttling in ASP.NET Core
Utilizzare Model as a Service su Microsoft Azure
Reactive form tipizzati con modellazione del FormBuilder in Angular