Leer en inglés

Compartir a través de


Imágenes en miniatura

En estas directrices, se describe cómo usar las imágenes en miniatura para ayudar a los usuarios a mostrar vistas previas de los archivos mientras navegan por tu aplicación para UWP.

API importantes

¿Debo incluir miniaturas en la aplicación?

Si tu aplicación permite a los usuarios explorar archivos, puedes mostrar imágenes en miniatura para ayudarles a ver vistas previas de esos archivos.

Usa miniaturas para:

  • Mostrar vistas previas de muchos elementos en una colección de galería (como archivos y carpetas). Por ejemplo, una galería de fotos debería usar miniaturas para ofrecer a los usuarios una pequeña vista de cada imagen mientras examinan sus archivos de fotos.

    galería de vídeos

  • Mostrar una vista previa de un elemento individual en una lista (como un archivo específico). Por ejemplo, es posible que el usuario quiera ver más información sobre un archivo, incluida una miniatura más grande para obtener una mejor vista previa, antes de decidir si quiere abrir el archivo.

    vista previa de vídeo

Qué hacer y qué no hacer

  • Especifique el modo de miniatura (PicturesView, VideosView, DocumentsView, MusicView, ListView o SingleItem) al recuperar miniaturas. Así te aseguras de que las imágenes en miniatura están optimizadas para mostrar el tipo de archivos que los usuarios quieren ver.

    • Use el modo SingleItem para recuperar una miniatura para un solo elemento, independientemente del tipo de archivo. Los demás modos de miniatura están pensados para mostrar vistas previas de varios archivos.
  • Muestra imágenes genéricas de marcador de posición en lugar de miniaturas mientras las miniaturas se cargan. Si usas los marcadores de posición de esta forma, tu aplicación parece más reactiva, ya que los usuarios pueden interactuar con vistas previas antes de que se carguen las miniaturas.

    Las imágenes de marcador de posición deben:

    • Ser específicas del tipo de elemento al que representan. Por ejemplo, las carpetas, imágenes y vídeos deben tener sus propios marcadores de posición especializados.
    • Ser del mismo tamaño y relación de aspecto que la imagen en miniatura a la que representan.
    • Mostrarse hasta que la imagen en miniatura se haya cargado.
  • Usa imágenes de marcador de posición con etiquetas de texto para representar carpetas y grupos de archivos a fin de diferenciarlos de archivos individuales.

  • Si no puedes recuperar una miniatura, muestra una imagen de marcador de posición.

  • Muestra la información del archivo adicional cuando proporciones vistas previas para documentos y archivos de música. Los usuarios pueden identificar así la información clave sobre un archivo que tal vez no se pueda obtener fácilmente solo de la imagen en miniatura. Por ejemplo, para un archivo de música, puedes mostrar el nombre del artista junto con una miniatura que muestre la carátula del álbum.

  • No muestres información adicional sobre los archivos de imágenes y de vídeo. En la mayoría de los casos, una imagen en miniatura es suficiente para los usuarios que exploran imágenes y vídeos.

Directrices de uso adicionales

Modos de miniatura recomendados y sus funciones:

Mostrar vistas previas para Modos de miniatura Características de las imágenes en miniatura recuperadas
Imágenes
Vídeos
PicturesView
VideosView
amaño: medio, preferiblemente con un mínimo de 190 (si el tamaño de la imagen es de 190 x 130)
Relación de aspecto: uniforme, relación de aspecto amplia de aproximadamente 0,7 (190 x 130 si el tamaño es 190)
Recortado para vistas previas.
Adecuada para alinear imágenes en una cuadrícula por su relación de aspecto uniforme.
Documentos
Música
DocumentsView
MusicView
ListView
Tamaño: pequeña, preferiblemente de 40 x 40 píxeles como mínimo
Relación de aspecto: uniforme, relación de aspecto cuadrada
Adecuada para obtener una vista previa de la carátula del álbum debido a la relación de aspecto cuadrado.
Los documentos tienen el mismo aspecto que tendrían en una ventana de selector de archivos (usa los mismos iconos).
Cualquier elemento individual (independientemente del tipo de archivo) SingleItem Tamaño: pequeña, preferiblemente de 40 x 40 píxeles como mínimo
Relación de aspecto: uniforme, relación de aspecto cuadrada
Adecuada para obtener una vista previa de la carátula del álbum debido a la relación de aspecto cuadrado.
Los documentos tienen el mismo aspecto que tendrían en una ventana de selector de archivos (usa los mismos iconos).

En estos ejemplos se muestra cómo varían las imágenes en miniatura recuperadas según el tipo de archivo y el modo de miniatura:

Tipo de elemento Cuando se recupera usando:
  • PicturesView
  • VideosView
Cuando se recupera usando:
  • DocumentsView
  • MusicView
  • ListView
Cuando se recupera usando:
  • SingleItem
Imagen La imagen de la miniatura usa una relación de aspecto uniforme y ancha de aproximadamente 0,7 (190 x 130 si el tamaño preferido es 190).
Miniatura de imagen en modo de imagen o video
La miniatura se recorta para obtener una relación de aspecto cuadrada.
Miniatura de imagen en los modos de documentos, música o lista
La imagen en miniatura usa la relación de aspecto original del archivo.
Miniatura de imagen en modo único
Vídeos La miniatura tiene un icono que la diferencia de las imágenes.
Miniatura de vídeo en modo de imagen o video
La miniatura se recorta para obtener una relación de aspecto cuadrada.
Miniatura de vídeo en los modos de documentos, música o lista
La imagen en miniatura usa la relación de aspecto original del archivo.
Miniatura de vídeo en modo único
Música La miniatura es un icono sobre un fondo del tamaño adecuado. El color de fondo se determina según el color de fondo de la ventana de la aplicación.
Miniatura de música en modo de imagen o video
Si el archivo tiene una carátula del álbum, la miniatura será la carátula.
Miniatura de música en los modos de documentos, música o lista
En otro caso, la miniatura será un icono sobre un fondo del tamaño adecuado.
Si el archivo tiene una carátula del álbum, la miniatura es la carátula con la relación de aspecto original del archivo.
Miniatura de música en modo único
De lo contrario, la miniatura será un icono.
Documento La miniatura es un icono sobre un fondo del tamaño adecuado. El color de fondo se determina según el color de fondo de la ventana de la aplicación.
Miniatura de documento en modo de imagen o video
La miniatura es un icono sobre un fondo del tamaño adecuado. El color de fondo se determina según el color de fondo de la ventana de la aplicación.
Miniatura de documento en los modos de documentos, música o lista
La miniatura del documento, si existe una.
Miniatura de documento en modo único
De lo contrario, la miniatura será un icono.
Icono de miniatura de documento en modo único
Carpeta Si hay un archivo de imagen en la carpeta, se usa la miniatura de la imagen.
Miniatura de carpeta en modo de imagen o video
De lo contrario, no se recupera ninguna miniatura.
No se recupera ninguna imagen en miniatura. La miniatura es el icono de carpeta.
Miniatura del icono de carpeta en modo único
Grupo de archivos Si hay un archivo de imagen en la carpeta, se usa la miniatura de la imagen.
Miniatura de grupo de archivos en modo de imagen o video.
De lo contrario, no se recupera ninguna miniatura.
Si entre los archivos del grupo hay uno con una carátula de álbum, la miniatura será la carátula del álbum.
Miniatura del grupo de archivos en modo de documentos, música o lista
De lo contrario, no se recupera ninguna miniatura.
Si hay un archivo que tiene una carátula de álbum entre los archivos del grupo, la miniatura será la carátula del álbum y usará la relación de aspecto original del archivo.
Miniatura del grupo de archivos en modo de documentos, música o lista con la relación de aspecto original del archivo.
De lo contrario, la miniatura es un icono que representa un grupo de archivos.
Icono de grupo de archivos en modo único