Images miniatures

Article
07/13/2023

Ces recommandations expliquent comment utiliser des images miniatures pour permettre aux utilisateurs d'afficher un aperçu des fichiers lorsqu'ils naviguent dans votre application UWP.

API importantes

ThumbnailMode

Mon application doit-elle inclure des miniatures ?

Si votre application permet aux utilisateurs de parcourir des fichiers, vous pouvez afficher des images miniatures pour les aider à prévisualiser rapidement ces fichiers.

Utilisez des miniatures dans les cas suivants :

Affichage d'aperçus pour de nombreux éléments d'une collection de galerie (comme des fichiers ou des dossiers). Par exemple, une galerie de photos doit utiliser des miniatures pour fournir aux utilisateurs un affichage réduit de chaque image lorsqu'ils parcourent leurs fichiers de photos.
Affichage d'un aperçu pour un élément individuel d'une liste (comme un fichier spécifique). Par exemple, l'utilisateur peut souhaiter bénéficier d'informations supplémentaires sur un fichier, y compris une miniature de plus grande taille pour un meilleur aperçu, avant de décider d'ouvrir ou non le fichier.

Pratiques conseillées et déconseillées

Spécifiez le mode d'affichage des images miniatures (PicturesView, VideosView, DocumentsView, MusicView, ListView ou SingleItem) lorsque vous récupérez des miniatures. Cela garantit que les images miniatures sont optimisées pour afficher le type de fichiers que les utilisateurs souhaitent consulter.
- Utilisez le mode SingleItem pour récupérer la miniature d'un élément unique, quel que soit le type de fichier. Les autres modes d'affichage des images miniatures sont destinés à afficher les aperçus de plusieurs fichiers.
Affichez des images génériques d'espaces réservés à la place des miniatures lors du chargement de ces dernières. Le recours à des espaces réservés permet à votre application de sembler plus réactive, car les utilisateurs peuvent interagir avec les aperçus avant le chargement des miniatures.

Les images d'espaces réservés doivent être :
- dédiées au type d'élément qu'elles remplacent. Par exemple, les dossiers, les images et les vidéos doivent disposer de leurs propres espaces réservés dédiés ;
- de la même taille et avoir les mêmes proportions que la miniature qu'elles remplacent ;
- affichées jusqu'au chargement de l'image miniature.
Utilisez des images d'espaces réservés avec des étiquettes de texte pour représenter les dossiers et les groupes de fichiers afin de les différencier des fichiers individuels.
Si vous ne pouvez pas récupérer une miniature, affichez une image d'espace réservé.
Affichez des informations supplémentaires sur les fichiers lors de la prévisualisation de documents et de fichiers de musique. Les utilisateurs peuvent ainsi identifier les informations clés d'un fichier qui ne seraient peut-être pas aussi facilement accessibles à partir d'une image miniature seule. Par exemple, pour un fichier de musique, vous pouvez afficher le nom de l'artiste ainsi que la miniature de la pochette de l'album.
N'affichez aucune information supplémentaire pour les fichiers d'images et de vidéos. Dans la plupart des cas, une image miniature suffit pour les utilisateurs qui parcourent des images et des vidéos.

Recommandations d'utilisation supplémentaires

Modes d'affichage recommandés pour les images miniatures et fonctionnalités associées :

Afficher des aperçus pour	Modes d'affichage des images miniatures	Fonctionnalités des images miniatures récupérées
Images Vidéos	PicturesView VideosView	Taille : moyenne, de préférence au moins 190 (si la taille de l’image est 190 x 130) Proportions : uniformes, rapport d'aspect d’environ 0,7 (190 x 130 si la taille est 190) Images miniatures rognées pour les aperçus. Mode idéal pour aligner des images dans une grille en raison de l'uniformité des proportions.
Documents Musique	DocumentsView MusicView ListView	Taille : petite, de préférence au moins 40 × 40 pixels Proportions : uniformes, rapport d'aspect carré Mode idéal pour afficher l'aperçu d'une pochette d'album en raison des proportions carrées. Les documents s'affichent de la même manière que dans la fenêtre d'un sélecteur de fichiers (recours aux mêmes icônes).
Tout élément unique (quel que soit le type de fichier)	SingleItem	Taille : petite, de préférence au moins 40 × 40 pixels Proportions : uniformes, rapport d'aspect carré Mode idéal pour afficher l'aperçu d'une pochette d'album en raison des proportions carrées. Les documents s'affichent de la même manière que dans la fenêtre d'un sélecteur de fichiers (recours aux mêmes icônes).

Voici quelques exemples illustrant comment des images miniatures récupérées diffèrent selon le type de fichier et le mode d'affichage de la miniature :

Type d'élément	En cas de récupération à l'aide de : PicturesView VideosView	En cas de récupération à l'aide de : DocumentsView MusicView ListView	En cas de récupération à l'aide de : SingleItem
Image	L’image miniature utilise des proportions uniformes et larges d’environ 0,7 (190 x 130 si la taille par défaut est 190).	La miniature est rognée pour être dotée de proportions carrées.	L'image miniature utilise les proportions d'origine du fichier.
Vidéo	La miniature est dotée d'une icône qui la différencie des images.	La miniature est rognée pour être dotée de proportions carrées.	L'image miniature utilise les proportions d'origine du fichier.
Musique	La miniature est une icône sur un arrière-plan de taille appropriée. La couleur d'arrière-plan est déterminée par celle de la vignette de l'application.	Si le fichier est doté d'une pochette d'album, la miniature correspond à cette pochette. Sinon, la miniature est une icône sur un arrière-plan de taille appropriée.	Si le fichier est doté d'une pochette d'album, la miniature correspond à cette pochette, avec les proportions d'origine du fichier. Sinon, la miniature est une icône.
Document	La miniature est une icône sur un arrière-plan de taille appropriée. La couleur d'arrière-plan est déterminée par celle de la vignette de l'application.	La miniature est une icône sur un arrière-plan de taille appropriée. La couleur d'arrière-plan est déterminée par celle de la vignette de l'application.	La miniature du document, le cas échéant. Sinon, la miniature est une icône.
Dossier	Si le dossier contient un fichier d'image, la miniature de l'image est utilisée. Sinon, aucune miniature n'est récupérée.	Aucune image miniature n'est récupérée.	La miniature est l'icône du dossier.
Groupe de fichiers	Si le dossier contient un fichier d'image, la miniature de l'image est utilisée. Sinon, aucune miniature n'est récupérée.	S'il existe un fichier doté d'une pochette d'album parmi les fichiers du groupe, la miniature correspond à cette pochette. Sinon, aucune miniature n'est récupérée.	S'il existe un fichier doté d'une pochette d'album parmi les fichiers du groupe, la miniature correspond à cette pochette et utilise les proportions d'origine du fichier. Sinon, la miniature est une icône qui représente un groupe de fichiers.