Applications Windows
Réduire la table des matières
Développer la table des matières

Applications Windows 8.1 : Optimiser les images pour différentes résolutions d'écran

 
S'applique à Windows et Windows Phone

Vous pouvez ajouter différentes versions de chaque image qui permettent l'identification de votre application (par exemple, logos et images d'écran de démarrage).Vous pouvez ensuite les tester pour vous assurer qu'elles apparaîtront correctement sur divers appareils présentant différentes résolutions d'écran.En ajoutant différentes versions de chaque image, vous pouvez réduire le degré auquel vos graphiques s'étireront ou se réduiront pour convenir à la taille d'écran de l'utilisateur.

Nommez les fichiers selon le type de ressource qu'ils représentent (par exemple, Carré7070.png).Si vous envisagez d'enregistrer plusieurs fichiers dans le même dossier, incluez des qualificateurs d'échelle dans le nom des fichiers.Par exemple, vous pouvez nommer un de vos fichiers comme suit : Carré7070Logo.scale-100.png.

Si vous envisagez d'organiser les fichiers au sein de dossiers en fonction du facteur d'échelle, incluez le qualificateur d'échelle dans le nom du dossier plutôt que dans le nom des fichiers.Par exemple, vous pouvez stocker les fichiers Carré7070Logo.png et Carré150150Logo.png dans un sous-dossier Ressources\Scale-100.

Ouvrez votre solution et ajoutez les fichiers image au dossier Ressources de votre projet d'application.

Si vous utilisez un projet d'application partagé pour générer une application dans plusieurs formats (par exemple, Windows et Windows Phone), vous pouvez ajouter votre fichier image au dossier Ressources du projet partagé dans votre solution, mais uniquement si cette image convient aux deux formats.

  1. Dans l'Explorateur de solutions, ouvrez le concepteur de manifeste d'application (Package.appxmanifest), puis choisissez l'onglet Ressources visuelles.

  2. Dans la liste des ressources visuelles, choisissez Tous les composants de l'image pour afficher les paramètres des images.

  3. Si vous souhaitez qu'un nom court apparaisse sur votre logo principal, spécifiez-en un dans la zone de texte Nom court.

    System_CAPS_noteRemarque

    Pour les applications Windows Phone, les valeurs Nom court et Taille par défaut sont ignorées.

  4. Dans la zone de texte de l'un des logos (par exemple, Logo carré 150x150), spécifiez le nom du logo principal.

    La valeur par défaut de Logo carré 150x150 est Ressources\Logo.png.

  5. Dans la section Composants mis à l'échelle de la page, sélectionnez le bouton Parcourir () en regard de l'une des zones Échelle, accédez au dossier Ressources, spécifiez l'image adaptée à cette échelle, puis cliquez sur le bouton Ouvrir.

    System_CAPS_noteRemarque

    Pour afficher un gros plan de l'image dans la taille mise à l'échelle, sélectionnez l'image dans la zone.Une fenêtre d'aperçu s'ouvre et répertorie l'endroit où chaque fichier image est utilisé.

    L'image du fichier apparaît dans la zone et le fichier est copié.Le fichier copié est nommé conformément aux conventions d'affectation de noms des ressources pour les applications du Store : Nom.scale-nnn.ext, où nnn est le facteur d'échelle.Par exemple, le fichier peut être nommé Logo.scale-100.png.

S'applique uniquement à Windows

Vous pouvez afficher un aperçu des applications que vous avez créées pour le Store Windows à l'aide d'un simulateur.Pour plus d'informations, consultez Exécuter des applications du Windows Store dans le simulateur.

Vous pouvez afficher un aperçu des applications que vous avez créées pour le Store Windows Phone à l'aide d'un émulateur.Sélectionnez un émulateur dans la liste déroulante située en regard du bouton Démarrer le débogage dans la barre d'outils Standard du débogueur.Sélectionnez un émulateur correspondant à la résolution dans laquelle vous souhaitez afficher un aperçu de votre application.

System_CAPS_importantImportant

Avant de publier votre application sur le Store, testez-la toujours sur un appareil réel.

Afficher:
© 2016 Microsoft