Au cas où quelqu'un voudrait plus d'une référence visuelle:
Tableau de référence des approximations décimales:
╔══════════════════════════╦════════════════════════╦════════════════════════╗║ aspect ratio ║decimal approx.║decimal approx.║║[long edge x short edge]║[short edge/long edge]║[long edge/short edge]║╠══════════════════════════╬════════════════════════╬════════════════════════╣║19.5 x 9║0.462...║2.167...║╠══════════════════════════╬════════════════════════╬════════════════════════╣║19 x 9║0.474...║2.11...║╠══════════════════════════╬════════════════════════╬════════════════════════╣║~18.7 x 9║0.482...║2.074...║╠══════════════════════════╬════════════════════════╬════════════════════════╣║18.5 x 9║0.486...║2.056...║╠══════════════════════════╬════════════════════════╬════════════════════════╣║18 x 9║0.5║2║╠══════════════════════════╬════════════════════════╬════════════════════════╣║19 x 10║0.526...║1.9║╠══════════════════════════╬════════════════════════╬════════════════════════╣║16 x 9║0.5625║1.778...║╠══════════════════════════╬════════════════════════╬════════════════════════╣║5 x 3║0.6║1.667...║╠══════════════════════════╬════════════════════════╬════════════════════════╣║16 x 10║0.625║1.6║╠══════════════════════════╬════════════════════════╬════════════════════════╣║3 x 2║0.667...║1.5║╠══════════════════════════╬════════════════════════╬════════════════════════╣║4 x 3║0.75║1.333...║╚══════════════════════════╩════════════════════════╩════════════════════════╝
Journal des modifications:
Mai 2018: Ajout de 56x27 === ~18.7x9(Huawei P20), 19x9(Nokia X6 2018) et 19.5x9(LG G7 ThinQ)
Mai 2017: Ajouté 19x10(téléphone essentiel)
Mars 2017: Ajout de 18.5x9(Samsung Galaxy S8) et 18x9(LG G6)
3: 4 pour que l'image s'adapte à la plupart des tailles d'écran en mode portrait.
Leap Hawk
16:10 = 8: 5, 18: 9 = 2: 1, 18.5: 9 = 37:18
Liggliluff
2
Ouais, j'en suis conscient. J'ai décidé de m'en tenir aux chiffres utilisés par les fabricants d'appareils (par exemple, regardez le site Web faisant la promotion du LG G6).
Bartek Lipinski
@BartekLipinski BTW qu'implique la représentation visuelle?
Gayan Weerakutti
1
@GayanWeerakutti I vous donne la possibilité d'avoir une comparaison visuelle entre différents rapports d'aspect. Ainsi, par exemple, vous pouvez voir la différence entre le 4x3 "le plus large" et le 21x9 "le plus étroit" (que je n'ai pas encore mis dans le graphique). Est-ce que ça répond à votre question?
Bartek Lipinski
156
J'ai fait des recherches sur la même chose il y a plusieurs mois en examinant des dizaines d'appareils Android les plus populaires. J'ai trouvé que chaque appareil Android avait l'un des rapports hauteur / largeur suivants (du plus carré au plus rectangulaire):
4: 3
3: 2
8: 5
5: 3
16: 9
Et si vous considérez les appareils portrait séparés des appareils paysage, vous trouverez également l'inverse de ces ratios (3: 4, 2: 3, 5: 8, 3: 5 et 9:16)
Je ne pense pas qu'il y ait un rapport de 5: 4. Pouvez-vous donner un exemple? et il y a le rapport 15: 9 qui comprend de nombreux appareils tels que 1280x768
Sami
2
A noter également: 16:10 == 8: 5
sonsofpolaris
1
Les chiffres indiqués couvrent également les iPhones et Windows Phone.
cleong
4
Maintenant que le Blackberry Passport est sorti et exécute des applications Android, vous voudrez peut-être ajouter 1: 1 pour son écran parfaitement carré de 1440x1440. Si vous avez smallScreens = false, je suppose que Passport serait exclu, car tout élément avec un rapport hauteur / largeur inférieur à 1,5 nécessiterait smallScreens = true. Mais si smallScreens = true, vous pouvez vous retrouver dans ce rapport inhabituel, pour lequel de nombreuses applications n'auront pas été testées. L'App Store d'Amazon est préinstallé sur le Passport et Amazon rendra automatiquement votre application disponible sur le Passport si son manifeste ne l'exclut pas.
Carl le
2
Galaxy Tab 7.0 est de 1024 x 600 ou ~ 17:10 et l'iphone 6 plus est de 1920 x 1080 ou ~ 17.7: 10 (évidemment pas Android mais intéressant pour ceux d'entre nous qui concevons des applications multiplateformes)
Shaun Neal
5
Il est prudent de supposer que les combinés courants sont WVGA800 ou plus gros. Bien qu'il existe une bonne quantité d'écrans HVGA, ils constituent une préoccupation secondaire.
La Sony Tablet P est ancienne, mais elle peut basculer entre 32:15 et 32:30 pour chaque application en mode paysage, et vice-versa en mode portrait, c'est donc une plage minimale à viser.
Réponses:
Au cas où quelqu'un voudrait plus d'une référence visuelle:
Tableau de référence des approximations décimales:
Journal des modifications:
56x27 === ~18.7x9
(Huawei P20),19x9
(Nokia X6 2018) et19.5x9
(LG G7 ThinQ)19x10
(téléphone essentiel)18.5x9
(Samsung Galaxy S8) et18x9
(LG G6)la source
J'ai fait des recherches sur la même chose il y a plusieurs mois en examinant des dizaines d'appareils Android les plus populaires. J'ai trouvé que chaque appareil Android avait l'un des rapports hauteur / largeur suivants (du plus carré au plus rectangulaire):
Et si vous considérez les appareils portrait séparés des appareils paysage, vous trouverez également l'inverse de ces ratios (3: 4, 2: 3, 5: 8, 3: 5 et 9:16)
Réponse plus complète ici: feuille de calcul de la communauté stackoverflow des résolutions et DPI des appareils Android
la source
Il est prudent de supposer que les combinés courants sont WVGA800 ou plus gros. Bien qu'il existe une bonne quantité d'écrans HVGA, ils constituent une préoccupation secondaire.
Liste des tailles d'écran Android
http://developer.android.com/guide/practices/screens_support.html
Calculateur de rapport hauteur / largeur
http://andrew.hedges.name/experiments/aspect_ratio/
la source
la meilleure façon de calculer l'équation est simplifiée. Autrement dit, trouvez le diviseur maximum entre deux nombres et divisez:
ex.
peut arriver aussi certaines approches
la source
La Sony Tablet P est ancienne, mais elle peut basculer entre 32:15 et 32:30 pour chaque application en mode paysage, et vice-versa en mode portrait, c'est donc une plage minimale à viser.
la source