首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >自动确定最佳响应图像断点的算法

自动确定最佳响应图像断点的算法
EN

Stack Overflow用户
提问于 2016-09-30 07:38:46
回答 1查看 98关注 0票数 0

Cloudinary发布了一个自动生成响应图像断点的工具:http://www.responsivebreakpoints.com/

断点和图像使用以下旋钮进行调优:

  1. 分辨率范围(例如。200 px至1400 px)
  2. 每个图像之间的最小文件大小差异
  3. 要生成的最大图像数。
  4. 通过将图像裁剪成不同的纵横比来指导艺术

利用智能作物工具和人脸检测,可以很容易地解决art方向问题。smartcrop.js就是一个例子。

前3项条件因下列因素而进一步复杂化:

  1. 不同的图像格式将有不同的文件大小与图像大小的比率。
  2. 根据图像本身,它还将有不同的文件大小与图像大小的比率。

我能想到的唯一方法是生成几个断点,生成这些映像,然后检查约束并根据需要调整和重新生成。然而,这种蛮力的方法似乎效率极低。在这些条件下,是否有任何算法来生成响应断点(没有蛮力)?

EN

回答 1

Stack Overflow用户

发布于 2016-09-30 08:01:37

我对这几点的想法:

  1. 分辨率范围(例如。200 px至1400 px)
  2. 每个图像之间的最小文件大小差异
  3. 要生成的最大图像数。

它可能并不总是正确的,但我会假设高分辨率总会导致更大的文件大小。换句话说,文件的大小是一个具有参数图像大小的强单调增长函数。

对于所有的压缩算法来说,这可能不是真的,但是对于所有的压缩算法来说都是一个很好的近似。

根据这个假设,您可以通过在图像大小空间中进行二进制搜索获得任何文件大小。这意味着你不需要创建那么多不同的图像来满足你的需求。

备注:

它们不能对生成的图像使用不同的图像格式。因此,这个过程总是以一种文件格式完成的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39786155

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档