[WPF] Encore les images - question de performances [FAQ]

**BruceWayne** · 12/06/2007, 14h47

Salut

j'ai un gros souci de perfs, et je ne sais pas trop comment y remédier :

En regardant la taille de RAM utilisée par une appli WPF de base, on est déjà à plus de 20 Mo dès le lancement d'une appli, même s'il n'y a rien du tout sur la Form...déjà là je trouve ça énorme, mais bon...c'est du .Net et même en Winforms classique ça prenait déjà beaucoup de mémoire.

Le problème que j'ai c'est lorsque je charge un Bitmap dans un contrôle Image. Là on passe tout de suite de 20 Mo à 40 Mo utilisés, sachant que mon Bitmap (chargé à partir du disque via son Uri) pèse environ 1 Mo...je me dis que forcément le contrôle Image instancie un paquet de propriétés lors de son chargement, mais quand même !!! Où sont utilisés les 19 mo restants ??? Bizarrement, si j'en charge une deuxième, je passe à environ 50 Mo utilisés, puis à 68 mo pour une troisième...

Bref, sans tout le temps regarder mon gestionnaire de tâches, et en connaissant un chouilla comment fonctionne le Garbage Collector, ça me turlupine assez pour que je me demande vraiment si WPF a été pensé pour la simplicité d'usage...parce que depuis que je travaille avec, je n'ai pas arrêté de devoir contourner les moyens classiques, ne serait-ce que pour afficher des miniatures via une virtualisation à la mano pour ne pas tout charger en mémoire...

J'aimerais savoir en fait quel est pour vous le meilleur moyen de charger une image de grande taille (réduite lors de l'affichage - stretch quoi...) sans pour autant faire gonfler de façon exponentielle la mémoire vive utilisée par l'appli.

Pour ma part, je me suis penché vers l'utilisation d'ImageBrushes Freezées, mais c'est assez chiant si on veut par exemple binder la taille de l'image affichée à un slider (bah ouais, on doit binder le slider avec la taille du border contant la brush...relou...)

enfin bon....help....

**Thomas Lebrun** · 12/06/2007, 16h18

Essaye de jetter un oeil dans le document que tu trouveras ici: http://blogs.msdn.com/timothyc/archi...rformance.aspx

Sinon, tu as essayé de passer ton application dans l'outil WPF Performance Suite pour voir ce qu'il en ressortait ?
http://wpf.netfx3.com/files/folders/...ntry10880.aspx

**BruceWayne** · 12/06/2007, 17h56

Re Thomas

Décidément c'est ta section le WPF

J'avais déjà lu le document sur les perfs, mais malheureusement il n'est rien précisé au niveau du chargement des images, sauf le fait que charger une ImageBrush que l'on Freeze par la suite permette de moins consommer de ressources. Le problème par contre est qu'on ne peut plus utiliser un Border ou un Rectangle, qui a été rempli avec cette ImageBrush, de la même manière qu'un contrôle Image.

Pour ce qui est de l'outil de perfs (WPFPerf), je comprends rien à son utilisation et j'ai essayé de l'utiliser sur mon appli, mais rien ne sort comme info...si je choisis le "Working Set Analyzer" pour voir l'usage de la mémoire puis que je choisis mon appli, lors de la capture, je n'ai rien qui s'affiche. Il n'y a que l'outil Perforator qui fonctionne, mais ça ne me donne pas grand chose, à part le fait qu'aucune zone de mon appli ne fait appel à du rendu hardware-accelerated (loool) et que j'ai un framerate entre 20 et 30

Y'a un truc que j'aurais oublié par hasard ???

**Thomas Lebrun** · 12/06/2007, 19h37

Envoyé par BruceWayne

Re Thomas

Décidément c'est ta section le WPF

Oui, avec C# 3 / Linq

As-tu essayer de charger bcp d'images, histoire de voir si la consommation mémoire augmente toujours un peu plus à chaque fois ? Si oui, c'est que tu as une fuite mémoire quelque part alors....

**BruceWayne** · 12/06/2007, 23h39

J'ai trouvé, il faut supprimer chaque objet Bitmap chargé comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
Bitmap bmpF = new Bitmap(@"D:\__IMAGES\test.jpg");
IntPtr ptrBmp = bmpf.GetHbitmap();
BitmapSource bmpSrc = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(ptrBmp, IntPtr.Zero, Int32Rect.Empty, System.Windows.Media.Imaging.BitmapSizeOptions.FromEmptyOptions());
this.image1.Source = this.bmpSrc;
DeleteObject(ptrBmp);
this.bmpSrc = null;

et la méthode DeleteObject() :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
[System.Runtime.InteropServices.DllImport("gdi32.dll")]
public static extern bool DeleteObject(IntPtr hObject);

J'ai bindé un slider à un effet de luminosité/contraste avec la librairie AForge et j'utilise pas plus de 32 Mo au final, après avoir fait joujou avec le slider. Même tout du long des applications des filtres, ça bouge que jusqu'à 40 Mo en tout au final !

Nickel

++

**Thomas Lebrun** · 13/06/2007, 10h07

Faudra penser à mettre ca dans la FAQ

**BruceWayne** · 13/06/2007, 12h22

Alors en fait, l'astuce présentée vaut le coup si on souhaite travailler sur des Bitmaps temporaires pour par exemple effectuer des transformations sur les pixels. Si on souhaite juste charger une seule image, il faut simplement utiliser un BitmapImage, dont un des constructeurs prends une URI :

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
BitmapImage bmpImage = new BitmapImage(new Uri(chemin_image));
this.controleImage.Source = bmpImage;

En fait, cette portion de code suffit à ne pas trop faire gonfler la mémoire utilisée, mais devient trop limitée dès lors qu'on veut travailler sur le Bitmap (en fait on peut pas

...). Si on crée un User Control qui charge une image seule en utilisant un BitmapImage comme ci-dessus, lors de la destruction du Control, le BitmapImage sera détruit avec, ce qui n'arrive pas si on charge l'image avec un objet Bitmap+BitmapSource (ici GDI laisse l'objet en mémoire non-managée).

Voici un bout de code complet d'une form qui permet de voir l'utilisation de la RAM sur des opérations de luminosité/contraste avec un Bitmap temporaire :

ATTENTION, pour le tester il faut utiliser la librairie AForge dispo ici http://code.google.com/p/aforge/ et rajouter les références (Aforge.dll et Aforge.Imanging.dll) au projet.

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
using System;
using System.Collections.Generic;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;
using System.Drawing;
using System.Drawing.Imaging;
 
 
namespace Bitmap_LuminositeContraste
{
    /// <summary>
    /// Interaction logic for Window1.xaml
    /// </summary>
 
    public partial class Window1 : System.Windows.Window
    {
 
        private Bitmap bmpOriginal;
        private Bitmap bmpf;
        private BitmapSource bmpSrc;
 
        public Window1()
        {
            InitializeComponent();
 
            this.sliderBrightness.ValueChanged += new RoutedPropertyChangedEventHandler<double>(slider_ValueChanged);
            this.sliderContrast.ValueChanged += new RoutedPropertyChangedEventHandler<double>(sliderContrast_ValueChanged);
 
            this.bmpOriginal = new Bitmap(@"D:\__IMAGES\Elene.jpg");
            slider_ValueChanged(this, new RoutedPropertyChangedEventArgs<double>(0,0));
            sliderContrast_ValueChanged(this, new RoutedPropertyChangedEventArgs<double>(0, 0));
 
        }
 
 
        // CONTRASTE
        void sliderContrast_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            this.bmpf = new Bitmap(this.bmpOriginal, new System.Drawing.Size(this.bmpOriginal.Width / 2, this.bmpOriginal.Height / 2));
 
            AForge.Imaging.Filters.ContrastCorrection br = new AForge.Imaging.Filters.ContrastCorrection(e.NewValue);
            br.ApplyInPlace(this.bmpf);
 
            IntPtr ptrBmp = bmpf.GetHbitmap();
            this.bmpSrc = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(ptrBmp, IntPtr.Zero, Int32Rect.Empty, System.Windows.Media.Imaging.BitmapSizeOptions.FromEmptyOptions());
            this.image1.Source = this.bmpSrc;
 
            DeleteObject(ptrBmp);
            this.bmpSrc = null;
            this.bmpf.Dispose();
        }
 
 
        // LUMINOSITE
        void slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
 
            this.bmpf = new Bitmap(this.bmpOriginal, new System.Drawing.Size(this.bmpOriginal.Width/2, this.bmpOriginal.Height/2));
 
            AForge.Imaging.Filters.BrightnessCorrection br = new AForge.Imaging.Filters.BrightnessCorrection(e.NewValue);
            br.ApplyInPlace(this.bmpf);
 
            IntPtr ptrBmp = bmpf.GetHbitmap();
            this.bmpSrc = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(ptrBmp, IntPtr.Zero, Int32Rect.Empty, System.Windows.Media.Imaging.BitmapSizeOptions.FromEmptyOptions());
            this.image1.Source = this.bmpSrc;
 
            DeleteObject(ptrBmp);
            this.bmpSrc = null;
            this.bmpf.Dispose();
 
        }
 
        [System.Runtime.InteropServices.DllImport("gdi32.dll")]
        public static extern bool DeleteObject(IntPtr hObject);
 
 
    }
}

En espérant avoir été assez clair...c'est pas évident ces histoires de perf sous WPF...

PS : Thomas, comment on fait pour rajouter tout ça à la FAQ ? Et au fait, je te remercie pour un des tes posts sur ton blog concernant le Drag and Drop, ça m'a bien été utile hier