Les images @ 3x doivent-elles être 3 fois plus grandes ou 4 fois plus grandes que les images iPhone d'origine?

Question

Si une image était 50 × 50 pixels sur un iPhone 1/3G, alors vous devrez créer une autre image à 100x100 pixels et ajouter @2x au nom de fichier afin d'optimiser pour l'iPhone 4/5/6. Vous devrez également créer une troisième image et ajouter @3x au nom de fichier afin d'optimiser pour l'iPhone 6 Plus à venir. Mais quelle taille doit avoir cette image @3x? Est-il 150 × 150 pixels ou 200 × 200 pixels? En d'autres termes, multipliez-vous par 2 avec chaque nouvelle taille, ou est la taille globale simplement trois fois plus grande que la taille de l'iPhone 1/3G (comme le nom @3x suggérerait)?

Answer 1

Il devrait être 3 fois l'image originale le long de chaque axe. Ainsi, si l'image originale était 50x50, l'image @ 3x devrait être 150x150. (Vous pouvez considérer que cette taille est neuf fois supérieure à la taille d'origine, car il s'agit de neuf fois plus de pixels.)

Answer 2

Multipliez votre image @ 2x par 1,5 (agrandissez-la de 50%) pour obtenir la taille @ 3x. Etant donné que la plupart des nouvelles applications (iOS8 +) n'auront même pas besoin de supporter les images @ 1x car elles ne fonctionneront pas sur ce matériel de toute façon ... il est probable que les images @ 2x seront votre taille "de base", c'est donc peut-être le calcul le plus utile à savoir.

Exemple:

@2x image is 56x56 

56 * 1.5 = 84 

@3x image = 84x84