网速慢，然后图片超大的话，该怎么渐渐加载出图片

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2098 天前的主题，其中的信息可能已经有所发展或是发生改变。

之所以有这个问题，是因为我想起：

十几年前宽带拨号上网的时候，那时加载网页上的图片，都是从上往下慢慢加载出来的，而不像是现在的网页一样一下子就加载出整张图。（我使用 chrome 浏览器在 v 站首页按 F12, 然后 Network --> Online 改为 'Slow 3G' 也是一样会等图片加载完再显示。

我试了几种搜索方式，没有搜到我想要的内容。所以有人能提供一下这方面的名词吗

图片

F12

网页

slow

12 条回复 • 2019-03-26 17:04:32 +08:00

wdy3334

2019-03-24 22:32:46 +08:00 via Android

图片切片？

pricelessLucky

2019-03-24 22:35:06 +08:00

@wdy3334 https://i.loli.net/2019/02/06/5c5a7018c2593.jpg 跟慢网速下打开这张图的效果是一样的

CloudnuY

2019-03-24 22:38:44 +08:00

渐进式加载

ThirdFlame

2019-03-24 22:39:26 +08:00

图片在国外的图床是，照样一半一半的显示出来啊，从上到下。

wdy3334

2019-03-24 22:39:54 +08:00 via Android

@pricelessLucky 渐进式加载

pricelessLucky

2019-03-24 22:41:49 +08:00

感激不尽！

Trim21

2019-03-24 22:42:23 +08:00 via Android

Progressive JPEG ？

huclengyue

2019-03-24 22:44:03 +08:00 via Android

只有 JPG 可以。

p1094358629

2019-03-24 22:45:36 +08:00 via iPhone

Cdn

MonoLogueChi

2019-03-24 23:11:20 +08:00 via Android

这个是不是跟图片的传输方式有关啊，我现在用的图床，大图片都是一行一行的加载出来的

ccoming

2019-03-25 09:37:37 +08:00

有遇到一行一行加载，也有遇到先模糊在慢慢清晰的，不知道是不是代码原因

pricelessLucky

2019-03-26 17:04:32 +08:00

@ccoming 知乎是后者。
知乎存了两种图片，一种是模糊的，一种是高清的。
只要你浏览器拖动条与图片平行后，前端就会把模糊图替换成高清图