今天看到一个jq小插件 负责渐进现实图片。https://github.com/scottjehl/picturefill 原理大致如此:
1. 假设一图片 500*500 略缩图50*50 2. 服务器端生成一个很小的略缩图(如50*50)
3. 刚打开页面的时候请求笑的略缩图。并将其大小设置成大图的大小。这样显示出来就是模糊的图片。
4. 我们同时请求大图 当大图请求完毕以后 替换到原来的略缩图。这样就显示清晰了。
5. 从而形成一个从模糊到清晰的过程。