Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

渐进图片尺寸加载设想

  我们经常会遇到同一个图片被多个地方使用,而且需求的尺寸都不同的情况。通常的解决方法是对于小图片在后端生成缩略图。但如此一来,客户端就多加载了一个缩略图,浪费了资源。于是我们思考可不可对一个小尺寸的图片补充必要数据后得到大尺寸的图片。
  如果是矢量图,直接使用SVG很容易解决多尺寸缩放的问题。但矢量图的适用性毕竟有限,像商品展示之类的都是真色彩的栅格化图片,不可能以矢量的方式表示。
  其实这有点类似于图片交错加载的概念,但交错加载并没有什么压缩算法,只是简单地按像素切开而已,它的底清晰度模式的效果很差。而且,交错加载是一些图片格式自带的功能,它是不可控制的,使用交错加载虽然过程中可以显示低清晰度的图片,但其加载的最终目的是加载完整图片,无法按照我们对尺寸的需求只加载想要的部分。
  我们要做的只是把一张图片拉伸,然后从服务器加载一个数据,通过这个数据和图片现有的数据混来使图片的清晰图提升。或者说,抽取掉图片数据的一部分信息量,使其清晰度降低,客户端请求更高清晰度的图片时再逐步把客户端所需的信息传输过去。
  对于这样的压缩算法,我暂时也没有详细研究,但脑子里有个模糊的影子,就像泰勒展开式提供越多阶的导数信息就可以使函数越精确一样。现在的图片压缩算法也都是各种分段插值,虽然有点悬,但我感觉这个想法是可以实现的。
网名:
3.80.32.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^