Qu'est-ce qui a du sens pour les concepteurs HiDPI, @ 2x ou Retina?
Je conçois une application Web pour les concepteurs de sites Web et j'ai des problèmes avec la sémantique. J'essaie de déterminer si le mot "HiDPI", "@ 2x" ou "Retina" décrit le mieux l'image secondaire qu'un concepteur Web inclurait dans son site Web pour répondre aux écrans HiDPI. Lequel vous fait instantanément penser "Oh je sais à quoi ça sert!" à la vue de la Parole.
Exemple:
Bouton par défaut: télécharger une image HiDPI
L'image téléchargée entraîne: l'image HiDPI est téléchargée.
Je suggérerais un DPI élevé; Il s'agit d'une description technique précise et tous les écrans haute résolution ne sont pas réellement à un ratio de pixels de 2 (bien que si vous devez spécifier plusieurs images pour plusieurs ratios, il serait préférable d'afficher individuellement les ratios), et "@ 2x" est logique si vous y pensez, mais cela nécessite une plus grande connaissance du fonctionnement des trucs à haute résolution sur le Web. Dans le pire des cas, lorsqu'un utilisateur doit rechercher sur Google "WTF fait X signifie", il est beaucoup plus facile de trouver ce que signifie DPI élevé par opposition à @ 2x.
La rétine est probablement le terme le plus reconnaissable en ce moment, mais j'hésite à le suggérer car c'est le moins précis. Retina est un terme marketing utilisé par les produits Apple; ce ne sont pas les seuls appareils à DPI élevé. S'il s'agissait d'un site pour Apple amateurs, produits pour iOS/OSX ou les utilisateurs non techniques, je trouverais Retina un terme plus approprié, mais pas dans le cas général pour les utilisateurs techniques (qui bien sûr devraient faire la conception/le téléchargement dans la plupart des cas).
Pour ce que ça vaut, Dribbble, un concepteur graphique et d'interface utilisateur de site, utilise le terme "@ 2x" pour la version à plus haute résolution.
J'exclurais Retina à moins que vous ne cibliez spécifiquement iOS.
HighDPI pourrait fonctionner, bien que techniquement, le DPI ne soit pas pertinent pour les images téléchargées.
@ 2x, alors que quelqu'un est centré sur iOS, a) est encore un peu générique b) relativement explicite (deux fois les pixels dans chaque dimension) et c) court.
Voilà donc mon vote: @ 2x.
Je suggère de considérer "haute résolution" si vous voulez quelque chose de laconique, ou "haute résolution" si la concision n'est pas nécessaire.
Je suis d'accord avec les points de Ben Brocka sur les problèmes avec "@ 2x" et "retina". Mais je pense que "High DPI" n'est pas nécessairement précis car je peux fournir à 2 images avec le même DPI , l'une est juste beaucoup plus compressée que l'autre (et il aura une résolution inférieure).
Le problème d'une telle disparité DPI élevée des appareils (HDDPID;)) est nouveau et nous essayons toujours de trouver des solutions. (Voici un article à ce sujet , notez qu'ils utilisent le terme "HIDPI" pour désigner une densité de pixels élevée.) Je pourrais envisager une méthodologie qui utilise les mêmes images de taille de pixel pour tous les appareils, mais une version hautement compressée pour les appareils à faible DPI et une version moins compressée pour les appareils à DPI élevé. Les deux versions ont le même DPI mais une résolution plus élevée.
Là encore, il pourrait être préférable de se référer au type de périphérique ciblé de l'image, dans lequel "High DPI" ou "HIDPI" (tel qu'utilisé dans l'article lié) serait approprié.
En résumé, si nous nous référons aux caractéristiques de l'image, je vote pour "haute résolution" ou "haute résolution", mais si nous nous référons au périphérique ciblé de l'image "HIDPI" ou "High DPI". Quoi qu'il en soit, ce serait bien de normaliser quelque chose.
Il s'agit plus d'un angle de référencement, mais une analyse de mots clés peut être utile. Découvrez ce que vos utilisateurs rechercheront et optimisez vos étiquettes pour cela.