ronceptionbreakpoints.com释放其易于断点工具

Marc Schenker. 经过 Marc Schenker.  |  2016年2月17日

今天设计师和开发人员面临的最大抓地力之一是响应设计。虽然这种设计风格是一个为用户提供的福音,但确保他们看到所有在所有设备上正确显示的内容 - 为其设计它可能有点头疼。

尤其如此,其中一个人认为图像如何适合(或不)到响应设计模型。随着设计师很好地知道,在响应设计中使用图像时,两件事中的一个通常会发生。无论是图像最终都是超大且如此慢的站点,或者他们最终有多种不同的图像尺寸来尝试和容纳不同的屏幕,这是纯粹的混乱。从设计人员的角度来看,要么现实都不够好。

现在,有一个图像服务公司似乎正在倾听这些设计师的挫折感。

最近,一个智能响应图像断点解决方案首次亮相,这对问题的核心是设计者在试图弄清楚他们的响应网站设计的正确图像尺寸时经历过。

而不是设计师继续进行太大或太多的设计图像,他们现在可以依靠技术来帮助他们自动定位在移动和Web应用中最佳观看体验所需的最佳图像尺寸。屏幕尺寸范围。 响应图像断点发电机 是一个开源工具,让设计师交互地研究他们的图像并创建响应图像断点。

这是它的工作原理:设计师可以快速且简单地根据其给定的阈值来生成他们上传到工具的每个图像的最佳断点。视网膜显示自定义和多个纵横比适应为设计人员提供额外的房间来定制其图像。

该工具鼓励设计人员确定严重减少文件大小的图像宽度值,这始终欢迎来,以确保网站不会失去速度。该公司的算法解释了始终找到最佳断点的图像。这使设计人员具有当代提出的自由 图片,IMG, 基于计算出断点的HTML5元素。

这种自由意味着设计人员通过API具有响应 - 图像断点产生能力,这使得它们可以轻松地为每个流行的图像格式创建断点:JPG,GIF,WEPP和PNG。这些可以以原始格式或在图像转换设置中确定的新格式创建。

感谢这个工具,设计师现在有奢侈品在让他们的响应设计网站的图像尺寸方面有权依赖他们最好的猜测。