Aller au contenu

Photo

Règle sur le dimensionnement des images


  • Please log in to reply
9 replies to this topic

#1 tomy29

tomy29

    iPuP confirmé

  • Lecteur
  • 215 Messages :

Posté 16 juin 2011 - 14:24

Bonjour,

Double question sur les images :
Dans l'idéal, faut il créer des images à la taille des composants dans lesquels on veut les insérer (button par exemple).
Si ce n'est pas le cas, comment gérer le Retina?
Par exemple si j'ai un button qui fait 300px*50px, mon image pour iphone 3 doit elle faire 300*50 et dois je forcément créer une image de résolution supérieure pour les iphone 4 en la suffixant par @2x ?

Merci.

#2 heyfeel

heyfeel

    iPuP maître

  • Administrators
  • 1 854 Messages :

Posté 16 juin 2011 - 15:30

Hello,
Généralement on fait les boutons à la dimension des images, c'est mieux. Autrement l'image est rognée si le bouton est plus petit que l'image par exemple.
Pour gérer les images pour l'écran rétina il faut obligatoirement une autre image avec une résolution 2 fois plus grande.

En d'autres termes il est conseillé de faire comme suis :
- créer tous les designs aux dimensions retina
- exporter les design retina
- dupliquer ces design et les redimensionner en divisant leur taille par 2
- importer le dossier image retina, et celui non-retina au sein de ton application

;)
Image IPB
iPuP est aussi et surtout une société spécialisée en dev iOS •• A découvrir sur Internet, Twitter, Facebook

#3 tomy29

tomy29

    iPuP confirmé

  • Lecteur
  • 215 Messages :

Posté 16 juin 2011 - 15:44

Ok, Merci.
Je suis bon pour refaire toutes mes images donc :)
Bêtement je croyais que si je créais les images à la taille des composants elles ne seraient pas assez fines, et un peu pixélisées.
Je suis une buse en graphisme, je tiens a le preciser :)
C'est ma première application et j'ai l'impression que je fais toutes les erreurs possibles pour une appli. C'est mon baptême.

#4 tomy29

tomy29

    iPuP confirmé

  • Lecteur
  • 215 Messages :

Posté 16 juin 2011 - 17:05

Juste pour être sûr :
Pour un bouton qui fait 300 pixels par 50 pixels je dois créer pour :
- retina : une image de 600*100
- iphone 3 : une image de 300*50

Est ce bien ça?

#5 ipodishima

ipodishima

    iPuP grand maître

  • Administrators
  • 7 436 Messages :

Posté 16 juin 2011 - 17:09

Oui ;)
Image IPB
iPuP est aussi et surtout une société spécialisée en dev iOS •• A découvrir sur Internet, Twitter, Facebook

#6 tomy29

tomy29

    iPuP confirmé

  • Lecteur
  • 215 Messages :

Posté 16 juin 2011 - 17:13

Ok, merci.
Il faut aussi doubler les dpi? ou ne pas les toucher?
Ils ne s'ajustent pas automatiquement dans mon Gimp quand je change la taille de l'image.

#7 chris972

chris972

    iPuP apprenti

  • Members
  • 52 Messages :

Posté 17 juin 2011 - 14:02

Généralement on fait les boutons à la dimension des images, c'est mieux. Autrement l'image est rognée si le bouton est plus petit que l'image par exemple.

Heu... tu es sûr de ça ? Il me semble que les images dans les boutons sont par défaut en mode "scaleToFit" donc automatiquement réduites plutôt que rognées si elles sont trop grandes. Auquel cas il ne serait pas réellement nécessaire d'avoir deux versions des images, la "grande" (version Rétina) suffit (sauf si on préfère gérer soi-même la réduction pour améliorer les résultats).

#8 chris972

chris972

    iPuP apprenti

  • Members
  • 52 Messages :

Posté 17 juin 2011 - 14:10

Il faut aussi doubler les dpi? ou ne pas les toucher?
Ils ne s'ajustent pas automatiquement dans mon Gimp quand je change la taille de l'image.

Oublie les dpi, ici seuls les pixels sont significatifs. Les notions de taille d'impression et de dpi n'ont de sens que dans le cas d'images imprimées.

#9 DricABrac

DricABrac

    iPuP maître

  • Moderators
  • 1 990 Messages :

Posté 21 juin 2011 - 10:59

Effectivement, l’image ne sera pas rognée mais ratatinée ! Si tu prends la grande alors il fera un scale sur un écran non retina mais sur la grande image donc ça fera tout moche !!
En gros, si tu as des images avec du contenu dedans il faut faire en deux tailles, les seules images que tu peux garder grande sont les images unies avec pas trop d'effet à l'intérieur !

#10 gul123

gul123

    iPuP membre

  • Members
  • 1 Messages :

Posté 22 octobre 2013 - 08:05

Généralement on fait les boutons à la dimension des images, c'est mieux.
Autrement l'image est rognée si le bouton est plus petit que l'image
par exemple.


ileatherjackets    leather jackets for women         
ibraindumps    Braindumps         
kawasaki jackets     kawasaki jackets         
E20-324 dumps    E20-324 dumps    
 




0 utilisateur(s) en train de lire ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)