Partager via


Images miniatures

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

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.

    Galerie de vidéos

  • 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.

    Aperçu d'une vidéo

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).
Miniature Image en mode image ou vidéo
La miniature est rognée pour être dotée de proportions carrées.
Miniature Image en mode document, musique ou liste
L'image miniature utilise les proportions d'origine du fichier.
Miniature Image en mode unique
Vidéo La miniature est dotée d'une icône qui la différencie des images.
Miniature Vidéo en mode image ou vidéo
La miniature est rognée pour être dotée de proportions carrées.
Miniature Vidéo en mode document, musique ou liste
L'image miniature utilise les proportions d'origine du fichier.
Miniature Vidéo en mode unique
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.
Miniature Musique en mode image ou vidéo
Si le fichier est doté d'une pochette d'album, la miniature correspond à cette pochette.
Miniature Musique en mode document, musique ou liste
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.
Miniature Musique en mode unique
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.
Miniature Document en mode image ou vidéo
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.
Miniature Document en mode document, musique ou liste
La miniature du document, le cas échéant.
Miniature Document en mode unique
Sinon, la miniature est une icône.
Icône miniature Document en mode unique
Dossier Si le dossier contient un fichier d'image, la miniature de l'image est utilisée.
Miniature Dossier en mode image ou vidéo
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.
Icône miniature Dossier en mode unique
Groupe de fichiers Si le dossier contient un fichier d'image, la miniature de l'image est utilisée.
Miniature Groupe de fichiers en mode image ou vidéo
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.
Miniature Groupe de fichiers en mode document, musique ou liste
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.
Miniature Groupe de fichiers en mode document, musique ou liste qui utilise les proportions d’origine du fichier.
Sinon, la miniature est une icône qui représente un groupe de fichiers.
Icône Groupe de fichiers en mode unique