web-dev-qa-db-fra.com

Quelles doivent être les tailles d'image à @ 1x, @ 2x et @ 3x dans Xcode?

Par exemple, j'ai une image ou un bouton de taille 100*100 et je veux définir son image ou backgroundImage avec un fichier .png local. D'après ce que j'ai compris, je dois créer 3 jeux d'images, à savoir 100*100 pour @1x, 200*200 pour @2x, 300*300 pour @3x. Je ne suis pas sûr si ma compréhension est correcte ou non, quelqu'un peut-il aider? 

54
user2053760

D'après ma compréhension, si la taille de l'image est 100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

 enter image description here

Il y a quelque chose à comprendre. En créant des images 2x et 3x, vous ne pouvez pas vous attendre à une présentation identique de chaque écran iPhone. La disposition sera différente d'un écran à l'autre. Les tailles d'image 1x, 2x et 3x ne concernent que la densité de pixels de l'écran.

Supposons que vous avez une image qui est 320 * 70 et que vous créez 

@1x -> 320 * 70

@2x -> 640 * 140

@3x -> 960 * 210

Ce sera votre sortie sur différents écrans .  enter image description here

78
enadun

Pour @3x augmenter la taille de l’image @1x de 3 fois!

par exemple. 

15 x 15 = @1x

30 x 30 = @2x

45 x 45 = @3x

OR

100 x 100 = @1x

200 x 200 = @2x

300 x 300 = @3x

OR

15 x 10 = @1x

30 x 20 = @2x

45 x 30 = @3x

J'espère que cela vous aide!

16
Rupal Patel

Oui, votre compréhension est correcte.

Une image de résolution standard a un facteur d'échelle de 1,0 et est appelée une image @ 1x. Les images haute résolution ont un facteur d'échelle de 2,0 ou 3,0 et sont appelées images @ 2x et @ 3x. Supposons que vous ayez une résolution standard @ 1x image de 100 x 100 x 100 pixels, par exemple. La version @ 2x de cette image serait 200px × 200px. La version @ 3x serait de 300px × 300px.

 enter image description here

Pour plus de détails, vous pouvez consulter ce lien https://developer.Apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

9
Nilesh Mahajan

Oui, tu as raison. Mais si vous utilisez Assets, vous pouvez tout faire en une image avec trois emplacements pour cela.

4
Azat

Utilisez le catalogue d'actifs. Xcode gèrera les @ 1x, @ 2x, @ 3x et vous indiquera les dimensions des images.

Avec lui, il est facile de gérer les images AppIcon et LaunchScreen.