Una de las mayores quejas que los diseñadores y desarrolladores enfrentan hoy es trabajar con un diseño receptivo. Si bien este estilo de diseño es una bendición para los usuarios en todas partes, lo que garantiza que vean el contenido que se muestra correctamente en todos los dispositivos, diseñarlo puede ser un dolor de cabeza.
Este es particularmente el caso cuando se considera cómo las imágenes se ajustan (o no) al modelo de diseño receptivo. Como bien saben los diseñadores, una de las dos cosas suele ocurrir cuando trabajan con imágenes en un diseño receptivo. O las imágenes terminan siendo supergrandes y los sitios tan lentos, o terminan con una multitud de diferentes tamaños de imagen para tratar de acomodar diferentes pantallas, lo cual es puro caos. O la realidad no es lo suficientemente buena desde la perspectiva de los diseñadores.
Ahora, hay una compañía de servicios de imágenes que parece estar escuchando las frustraciones de estos diseñadores.
Recientemente, se presentó una solución inteligente de puntos de ruptura con capacidad de respuesta, que va directamente al corazón de los problemas que los diseñadores han experimentado al intentar determinar las dimensiones de imagen correctas para sus diseños de sitios receptivos.
En lugar de que los diseñadores continúen diseñando imágenes que son demasiado grandes o demasiadas, ahora podrán confiar en la tecnología que les ayude a localizar automáticamente las dimensiones de imagen óptimas requeridas para la mejor experiencia de visualización tanto en aplicaciones móviles como web en una rango de tamaños de pantalla. Generador de puntos de interrupción de la imagen receptiva es una herramienta de código abierto que permite a los diseñadores estudiar de forma interactiva sus imágenes y crear puntos de interrupción de imágenes receptivos.
Así es como funciona: los diseñadores pueden generar rápida y simplemente los puntos de corte que mejor se adapten para cada imagen que carguen a la herramienta, en función de sus umbrales determinados. Las personalizaciones de la pantalla Retina y las adaptaciones de la relación de aspecto múltiple brindan a los diseñadores espacio adicional para personalizar sus imágenes.
La herramienta alienta a los diseñadores a determinar valores de ancho de imagen que reducen seriamente el tamaño de los archivos, lo que siempre es bienvenido para garantizar que los sitios no pierdan velocidad. Los algoritmos de la compañía interpretan las imágenes para ubicar siempre los mejores puntos de interrupción. Esto brinda a los diseñadores la libertad de crear imágenes contemporáneas , así como img, elementos HTML5 basados en los puntos de corte calculados.
Esta libertad significa que los diseñadores tienen las capacidades de generación de puntos de ruptura de imagen receptiva a través de una API, lo que les facilita la creación instantánea de puntos de corte para cada formato de imagen popular: JPG, GIF, WebP y PNG. Estos pueden crearse en su formato original o en un nuevo formato determinado en la configuración de transformación de la imagen.
Gracias a esta herramienta, los diseñadores ahora tienen el lujo de no tener que confiar en sus mejores suposiciones a la hora de obtener los tamaños de imagen adecuados para sus sitios de diseño con capacidad de respuesta.