Il augmente et finira par le dépasser. Par conséquent, avant de monter le site, vous devez penser à présenter le contenu de manière à ce qu'il soit également orienté vers un public mobile. Déjà à l'heure actuelle, l'une des exigences des termes de référence pour le développement de sites Web est la conception adaptative pour différents types appareils (smartphones, tablettes, moniteurs de bureau).

En bref

Conception de mise en page fluide avec une largeur minimale de 320 pixels avec des éléments suffisamment grands pour que le bout des doigts puisse appuyer confortablement - Meilleure option mise en place d'un site internet mobile.

Pour quels appareils et résolutions d'écran devriez-vous optimiser votre site ?

Il n'y a pas de réponse claire. Mais il faut prendre en compte que :

• Le format Android le plus courant est 480x800 (hpdi), il correspond à tout Smartphones Samsung et Nokia le plus populaire.
• Le deuxième format le plus populaire est mdpi, 320×480.
• La plupart des smartphones sont équipés d'un écran tactile.

La mise en page du site Web doit être réalisée dans Photoshop. Et il devrait y avoir des mises en page réactives. Chaque page est dans des résolutions de base.

L’option idéale est que le modèle de site soit adaptatif et s’affiche correctement quelle que soit la résolution d’écran. Ou du moins comme ça :

• 320×480 pixels- iPhone 5
• 480×800 - HTC Désir, Nexus One, i9000 Galaxy S et autres
• 768 x 1024 - iPad
• 640x960 - iPhone4
• 1 000 ou plus × infini - tablettes et ordinateurs de bureau

Largeur d'écran de base de différents appareils

1. 320px- Appareils mobiles (orientation portrait) ;
2. 480px- Appareils mobiles (orientation paysage);
3. 600px- Petits comprimés ;
4. 768px- Tablettes (orientation portrait) ;
5. 1024px- Tablettes (orientation paysage)/Netbooks ;
6. 1280 px ou plus- PC.

320px	iPhone 5	orientation portrait
384px	Android (Nexus 4)	orientation portrait
480px	HTC Desire, Nexus One, i9000 Galaxy S, etc.
568px	iPhone 5	orientation paysage
375px	iphone 6	orientation portrait
667px		orientation paysage
414px	iPhone 6 dodu	orientation portrait
736px		orientation paysage
600px	Android (Nexus 4)	orientation paysage
768px	iPad	orientation portrait
1024px		orientation paysage
1280px ou plus	PC	orientation portrait

Quels facteurs prendre en compte

L'optimisation doit prendre en compte les facteurs suivants qui affectent la facilité d'interaction avec le site :

• type de clavier (physique, tactile)
• résolution de l'écran et format d'image
• prise en charge du changement d'orientation de l'écran
• vitesse de transfert de données (2G, 3G, 4G)
• système opérateur
• capacités du navigateur (zoom, Prise en charge Flash et AJAX)
• facilité de navigation (accéder à la page en seulement trois clics, le défilement doit être vertical et non horizontal, c'est une bonne idée d'ajouter des boutons de navigation tout en haut de la page et sur page d'accueil site - cela augmentera considérablement le niveau de facilité d'utilisation, la présence obligatoire d'une recherche sur le site.

mama_mia / Shutterstock.com

Résolutions d'écran des appareils mobiles

240×320

• Nokia 6300, Nokia N92, Nokia N95, Nokia N95 8 Go, Nokia N96
• Sony Ericsson W850i et W890i, Sony Ericsson W880i
• Apple iPod Nano 3e et 4e génération
• Assistant HTC, HTC Tattoo, HTC Touch2

320×240

• Mûre : Courbe 8530, Pearl Flip
• Android : Motorola Charm, Sony Ericsson Xperia X10 Mini et autres
• Système d'exploitation Symbian : Nokia E63 et autres

320×480

• Système d'exploitation Apple : iPhone, iPod
• Android : HTC Dream, HTC Hero, HTC Magic, HTC Wildfire S, Droid Pro, i7500 Galaxy, Samsung Galaxy Ace (S5830), Samsung Moment, Samsung Galaxy Gio GT-S5660, Sony Ericsson Live With Walkman et autres...

480×360

Mûre : Torche, Tempête, Audacieuse

360×640

Système d'exploitation Symbian : Nokia N8, Nokia C6-01 et autres

480×800

• Android : Liquid A1, HTC Desire, Nexus One, i9000 Galaxy S et autres
• Maemo (Linux) : Nokia 900 et autres
• Windows Mobile 6 : Sharp S01SH
• Windows 7 Phone Venue Pro, Samsung Omnia 7, HTC 7 Pro et autres

768×1024

640×960

1280 × 800

• Android : Motorola Xoom, Samsung Galaxy Tab 10.1
• Système d'exploitation Windows : Asus Eee Tampon EP121
• Système d'exploitation Apple : Modbook Axiotron

2048×1536

L'iPad 3 dispose d'un écran Retina à 264 pixels par pouce (encore plus que le MacBook Pro 15 pouces).

L'iPhone 4S a 326 ppp.

Un Web

Considérant un grand nombre de autorisations, la bonne solution serait de mettre en œuvre le projet One Web. One Web signifie créer, dans la mesure du possible, les mêmes conditions d'utilisation et d'affichage des informations sur tous les appareils. Mais cela ne signifie pas que les mêmes informations seront exactement les mêmes sur différents appareils.

Comment définir la résolution à l'aide de CSS

Déterminez la largeur, la position et le rapport hauteur/largeur de l'écran à l'aide des requêtes multimédias introduites dans CSS3.

Moins cette méthode, c'est que le code lance trois requêtes http distinctes. Il devrait y avoir le moins de demandes de ce type possible, sinon cela affectera la vitesse de chargement des pages.

Pour réduire le nombre de requêtes, vous pouvez utiliser un seul fichier de feuille de style.

/* Appareils avec des écrans de 480px à 1024px */ @media screen et (min-width:481px) et (max-width:1024px) ( /* Styles pour de cet appareil*/ ) /* Appareils avec une largeur d'écran de 480 px et moins */ @media screen et (max-width:480px) ( /* Styles pour cet appareil */ )

Les gadgets gagnent de plus en plus en popularité auprès des jeunes. Cependant, il s’avère que tous les utilisateurs ne sont pas familiers avec les fonctions des tablettes, des smartphones ou des ordinateurs portables. Après tout, seuls les boutons fonctionnels de base nécessaires aux appels, aux jeux et à l'envoi de SMS sont souvent utilisés.

Par conséquent, des questions se posent quant aux raisons pour lesquelles certains films ne sont pas visionnés en bonne qualité, et les jeux ne démarrent pas ou ne ralentissent pas le système. Il n'y a qu'une seule réponse à ces questions : vous devez étudier les caractéristiques du gadget.

IMPORTANT : La pertinence du matériel est très appréciée par les lecteurs, c'est pourquoi il peut être trouvé en concentration assez élevée sur le site. Afin de résoudre le problème dans les meilleurs délais, il est nécessaire de lire tout le matériel et de faire ce qui est demandé dans le document. L'article a été créé en 2014.

Pourquoi avez-vous besoin de connaître la résolution de l’écran de votre téléphone ?

L'un des principaux paramètres de téléphone portable ou tablette est la résolution de l'écran. Aujourd'hui, les développeurs proposent de nombreuses applications de divertissement, jeux, musique et programmes pour appareils de communication interactifs. Naturellement, cela affecte les caractéristiques téléphone mobile certaines exigences.

Il est à noter que les fabricants d'applications et autres types de logiciels s'efforcent de reproduire autant que possible la compatibilité de l'appareil et du programme. En d'autres termes, quel que soit le type de gadget ou les préférences du propriétaire d'un iPhone ou d'un iPad, les jeux doivent fonctionner et ne pas se bloquer.

Pour atteindre cet objectif, joue un rôle RAM dispositifs. Cependant, le critère principal est la résolution de l'écran. Après tout, une taille d'application correctement sélectionnée vous permet non seulement de la lancer, mais également de prendre en charge les fonctionnalités de gestion.

De plus, quand faire le bon choix les propriétaires de gadgets ne se plaindront pas des rayures blanches le long des bords de l’écran ou des divers degrés d’étirement/compression de l’image.
Une question légitime se pose : comment connaître la résolution d’écran de son téléphone ?

3 façons de clarifier la résolution de l'écran

Aujourd'hui, ceux qui ne connaissent pas les caractéristiques de leur appareil se voient proposer seulement 3 méthodes pour clarifier les paramètres.

• Si vous êtes intéressé par la question de savoir comment vérifier la résolution dans paramètres Android, puis recherchez les instructions relatives au gadget.
• Vérifier l'autorisation dans Paramètres de l'iPhone C'est possible si vous maîtrisez l'appareil et connaissez le menu. Cela réduira le temps passé à rechercher des informations supplémentaires.
• Il est également possible de vérifier les spécifications techniques sur le site du fabricant.

Quelle méthode un propriétaire de smartphone devrait-il privilégier ? Après tout, savoir clarifier des informations spécifiques ne garantit pas une mise en œuvre compétente d'une action. Par conséquent, les jeunes se demandent souvent comment connaître la résolution de l'écran de leur téléphone. Essayons de comprendre ensemble ?

Vérification des résolutions d'écran

Quelles informations devez-vous connaître pour vérifier les autorisations ?

1. Si vous devenez propriétaire d'un gadget basé sur Android, procurez-vous la documentation ou le passeport technique de votre appareil. En règle générale, les instructions vous renseignent sur tous les paramètres du smartphone. Si vous ne souhaitez pas rechercher la boîte du gadget, contactez le centre de bureau où l'achat a été effectué. Si vous achetez un appareil, les étiquettes de prix indiquent les principales caractéristiques de l'appareil. Vous pouvez également clarifier toute information si vous contactez un spécialiste du centre de vente du bureau.
2. Les résolutions d'écran de téléphone populaires sont utilisées par les programmeurs comme informations pour créer des jeux et des applications. Pour déterminer la résolution de votre téléphone portable, vous devez saisir le modèle du gadget dans la barre de recherche Yandex. N'oubliez pas d'inclure le numéro de plaque d'immatriculation du smartphone de votre choix. Vous devriez également ajouter la phrase - spécifications techniques. Donnons un petit exemple ? Vous devez trouver des informations sur le téléphone Megafon Login 2. Pour ce faire, entrez le nom et la phrase précieuse. En conséquence, nous recevons la demande : « Spécifications techniques de Megafon Login 2 ». La toute première ligne du moteur de recherche nous donne les informations requises : Taille de l'écran : 3,5", 320x480 pixels – résolution (il est à noter qu'il s'agit de l'une des résolutions d'écran de téléphone les plus populaires) ; La RAM n’est que de 512 Mo. De plus, vous pouvez lire d'autres informations sur le gadget.
3. Comment vérifier la résolution dans les paramètres de l'iPhone ?

Chaque gadget a un menu. Il identifie les sections qui facilitent la recherche des informations requises. Par exemple, afin de rechercher des données sur un gadget, vous devez suivre les étapes suivantes :

1. Allons au Menu.
2. Sélectionnez la ligne « À propos du téléphone ». En règle générale, c'est le plus bas de la liste.
3. Ici, nous voyons qu'il y a des sous-sections. Vous pouvez vérifier le niveau de charge de la batterie, son état, la force du signal, etc. Parmi les principales caractéristiques de l'appareil figurent information préciseà propos de la résolution de l'écran.

Vous pouvez également trouver les paramètres des gadgets sur d'autres plates-formes.

Si vous décidez de remplacer votre appareil par un appareil plus moderne, vous devez étudier à l'avance les informations sur chaque modèle.

1. Vous déterminez donc vous-même dans un premier temps l'éventail des fonctions les plus fréquemment utilisées. Il peut s'agir d'un appareil doté d'un boîtier protégé (résistant aux chocs, à l'humidité, à la poussière), de 2 cartes SIM, d'un bon appareil photo ou d'une batterie puissante.
2. Vous devez maintenant déterminer quelle forme de gadget vous préférez. Les appareils cellulaires sont disponibles à la vente sous forme de coques, de curseurs, d'écrans tactiles et de versions classiques.
3. Dans la plupart des cas, le choix revient écran tactile. Il est divisé en 2 types : le stylet ou le doigt est-il l'élément de commande ? Dans la première version, un stylet est fourni dans le kit. Les modèles de gadgets de ce type permettent de dessiner et de saisir facilement des SMS. Cependant, l'élément de contrôle est souvent perdu.
4. Il est désormais temps de déterminer les caractéristiques d’un smartphone ou d’un iPhone. Au moment de l’achat, mieux vaut ne pas faire confiance aux responsables commerciaux. Par conséquent, la question de savoir comment connaître la résolution de l'écran du téléphone devient la plus pertinente. Si vous lisez attentivement l'article de recommandation, vous connaissez déjà les méthodes de base pour déterminer ce paramètre. Vous devez également savoir si le gadget possède d'autres fonctionnalités. Cela fait référence à la RAM, à la possibilité d'installer une carte intégrée, au Bluetooth, au Wi-Fi, etc.

Qu’est-ce que la résolution d’écran ?

Au tout début, nous avons déterminé pourquoi il est si important de prêter attention à cette caractéristique. Cependant, ils n’ont pas défini un terme aussi fréquemment utilisé. Corrigeons cette erreur ?

La résolution d'écran est une expression quantitative qui vous permet de décider combien de points sur deux plans (vertical/horizontal) l'écran du gadget contiendra. Chaque point est un pixel.

Par exemple, l’une des résolutions d’écran de tablette les plus populaires est 800 x 600. Si nous traduisons dans notre langue, l'horizontale du moniteur gadget contient 600 pixels et la verticale - 800. Plus ce chiffre est élevé, plus l'image sera claire.

Développeurs système opérateur Android n'a pas pris en compte un élément : la résolution de l'écran est fixée par le constructeur. Malheureusement, les utilisateurs ne sont pas toujours à l'aise avec les paramètres par défaut - en particulier sur les gadgets dotés de petits écrans, où les icônes et les polices semblent quelque peu artificielles. Essayons de comprendre comment afficher et modifier la résolution de l'écran Android.

Comment connaître la résolution actuelle

Sur certains smartphones, la résolution de l'écran se trouve dans le menu Paramètres de la section À propos du téléphone.

Si cette fonction n'existe pas, procédez comme suit. Je prends une capture d'écran (appuyez simultanément sur les boutons « PowerOff » et « Volume - »), je l'enregistre et je l'ouvre dans la Galerie. Dans l'élément « Informations » du menu supplémentaire, nous trouvons les informations nécessaires.

Comment changer la résolution

Pour changer la résolution de l'écran, votre smartphone doit avoir . Ouverture gestionnaire de fichiers, allez à la racine de l'appareil et recherchez-y le dossier Système. Allons-y.

Recherchez le fichier build.prop et ouvrez-le dans n'importe quel éditeur de texte(nous avons utilisé pour cela l'éditeur intégré du gestionnaire de fichiers ES).

Dans le menu de l'éditeur, sélectionnez « Modifier ».

Trouvez la ligne avec le paramètre ro . SF . écran LCD _ densité et diminuer sa valeur. Il ne faut pas trop s'emballer - réduisez-le, par exemple de 160 (valeur par défaut) à 130.

Enregistrez les résultats et quittez. Nous redémarrons le smartphone et apprécions le résultat.

Modification de la résolution à l'aide de programmes tiers

Bien entendu, de nombreux utilisateurs trouveront difficiles les étapes décrites dans le paragraphe précédent. Dans ce cas, nous recommandons d'utiliser application spéciale– Deuxième écran.

Installez l'application depuis PlayMarket et lancez-la. Lorsque vous le lancerez pour la première fois, vous devrez créer un profil ; créez-le en cliquant sur le cercle avec le signe « + ».