Este artículo se tradujo de forma manual. Mueva el puntero sobre las frases del artículo para ver el texto original. Más información.
Traducción
Original

Optimizar imágenes para diferentes resoluciones de pantalla

Se aplica a Windows y a Windows Phone

Puede agregar distintas versiones de cada una de las imágenes que identifica una aplicación (por ejemplo, logotipos e imágenes de pantalla de presentación). Después, puedes probarlas para asegurarte de que aparezcan bien en diversos dispositivos con resoluciones de pantalla diferentes. Al agregar distintas versiones de cada imagen, puedes reducir el grado en que deben ampliarse o reducirse los elementos gráficos para ajustarse al tamaño de pantalla del usuario.

Asigne nombre a los archivos según el tipo de activo que representen, por ejemplo Square7070.png. Si piensa almacenar varios archivos en la misma carpeta, incluya calificadores de escala en los nombres de archivo. Por ejemplo, puede asignar a uno de los archivos el siguiente nombre: Square7070Logo.scale-100.png.

Si deseas organizar los archivos en carpetas en función del factor de escala, incluye el calificador de escala en el nombre de la carpeta en lugar de en los nombres de archivo. Por ejemplo, puedes almacenar Square7070Logo.png y Square150150Logo.png en una subcarpeta denominada Assets\Scale-100.

Abre la solución y agrega los archivos de imagen a la carpeta Assets del proyecto de aplicación.

Si usa un proyecto de aplicación compartido para compilar una aplicación para más de un factor de forma (por ejemplo: Windows y Windows Phone), considere la posibilidad de agregar el archivo de imagen a la carpeta Assets del proyecto compartido en la solución, pero solo si esa imagen funciona bien con ambos factores de forma.

  1. En el Explorador de soluciones, abra el diseñador de manifiestos de aplicaciones (Package.appxmanifest) y después elija la pestaña Activos visuales.

  2. En la lista de activos visuales, elija Todos los activos de imagen para mostrar la configuración de las imágenes.

  3. Si deseas que aparezca un nombre corto en el logotipo principal, especifica uno en el cuadro de texto Nombre corto.

    Nota Nota

    Para las aplicaciones Windows Phone, se ignoran los valores de Nombre corto y Tamaño predeterminado.

  4. En el cuadro de texto de cualquiera de los logotipos (por ejemplo, Logotipo cuadrado de 150 x 150), especifique uno para el logotipo principal.

    El valor predeterminado para el Logotipo cuadrado de 150 x 150 es Assets\Logo.png.

  5. En el área Activos a escala de la página, elija el botón Examinar () situado junto a cualquiera de los cuadros Escala, navegue hasta la carpeta Activos, especifique la imagen adecuada para esa escala y elija el botón Abrir.

    Nota Nota

    Para mostrar una vista en primer plano de la imagen en el tamaño escalado, elige la imagen en el cuadro. Se abrirá una ventana de vista previa que muestra dónde se usará cada archivo de imagen.

    La imagen aparece en el cuadro y se copia el archivo. El nombre del archivo copiado se ajusta a las convenciones de nomenclatura de recursos para las aplicaciones de la Tienda: Name.scale-nnn.ext, donde nn es el factor de escala. Por ejemplo, el archivo se puede llamar Logo.scale-100.png.

Se aplica solo a Windows

Puedes obtener una vista previa de las aplicaciones que diseñes para la Tienda Windows mediante un simulador. Para obtener más información, consulta Ejecutar aplicaciones de la Tienda Windows en el simulador.

Puedes obtener una vista previa de las aplicaciones que diseñes para la Tienda Windows Phone mediante un emulador. Seleccione un emulador en la lista desplegable situada junto al botón Iniciar depuración en la barra de herramientas Estándar del depurador. Seleccione un emulador adecuado para la resolución en la que quiera obtener la vista previa de la aplicación.

Nota importante Importante

Antes de publicar la aplicación en la Tienda, pruébala siempre en un dispositivo real.

Adiciones de comunidad

Mostrar:
© 2015 Microsoft