L’un des plus grands reproches auxquels les concepteurs et les développeurs sont confrontés aujourd’hui est de travailler avec un design réactif. Bien que ce style de conception soit une aubaine pour les utilisateurs du monde entier, s’assurer qu’ils voient le contenu affiché correctement sur tous les appareils, cela risque d’être un casse-tête.
C'est particulièrement le cas lorsque l'on considère comment les images s'intègrent (ou non) dans le modèle responsive-design. Comme les concepteurs le savent bien, une des deux choses se produit généralement quand ils travaillent avec des images dans un design réactif. Soit les images finissent par devenir des sites super-grands et lents, soit elles se retrouvent avec une multitude de tailles d'image différentes pour essayer de s'adapter à différents écrans, ce qui est un pur chaos. La réalité n’est pas suffisante du point de vue des concepteurs.
Il existe maintenant une société de services d’image qui semble écouter les frustrations de ces concepteurs.
Récemment, une solution intelligente de points d'arrêt sensibles à l'image a fait ses débuts, ce qui va droit au coeur des problèmes rencontrés par les concepteurs lorsqu'ils tentent de déterminer les dimensions correctes de l'image pour leurs conceptions de site réactif.
Au lieu que les concepteurs continuent à concevoir des images trop volumineuses ou trop nombreuses, ils peuvent désormais compter sur une technologie qui les aide à localiser automatiquement les dimensions d’image optimales requises pour la meilleure expérience de visualisation sur les applications mobiles et Web. gamme de tailles d'écran. Générateur de points d'arrêt de l'image réactive est un outil open-source permettant aux concepteurs d'étudier de manière interactive leurs images et de créer des points de rupture sensibles.
Voici comment cela fonctionne: les concepteurs peuvent rapidement et simplement générer les points d'arrêt les mieux adaptés à chaque image téléchargée sur l'outil, en fonction de leurs seuils donnés. Les personnalisations de l’affichage Retina et les adaptations aux multiples proportions permettent aux concepteurs d’avoir plus de place pour personnaliser leurs images.
L'outil encourage les concepteurs à déterminer les valeurs de largeur d'image qui réduisent sérieusement la taille des fichiers, ce qui est toujours le bienvenu pour garantir que les sites ne perdent pas en vitesse. Les algorithmes de la société interprètent les images pour toujours localiser les meilleurs points de rupture. Cela donne aux concepteurs la liberté de proposer des images contemporaines , ainsi que des éléments img, HTML5 basés sur les points d'arrêt calculés.
Cette liberté signifie que les concepteurs disposent des capacités de génération de points d’arrêt responsive-image via une API, ce qui leur permet de créer instantanément des points d’arrêt pour tous les formats d’images populaires: JPG, GIF, WebP et PNG. Celles-ci peuvent être créées dans leur format d'origine ou dans un nouveau format déterminé dans les paramètres de transformation d'image.
Grâce à cet outil, les concepteurs ont désormais le luxe de ne pas se fier à leurs meilleures suppositions pour obtenir la taille de leurs images adaptée à leurs sites réactifs.