前端做登录页时常会遇到这样的问题:
要求登录页背景图高清,可高清图片太大,普遍加载慢,导致加载过程中背景图不完整而使交互体验变差
关于这一点我一直这样做的,
给背景图容器,多加一层同宽高的父容器,分别设置背景图
即处理一张低分辨率模糊,最主要是小、加载快的背景图pre-bg压在下面,
上面一层放高清大背景bg,
加载过程中,pre-bg很快加载完成,我们会立即看到一张模糊的背景图
紧接着就是高清bg慢慢加载的过程,我们会看到如下图片慢慢清晰的一个过程,
这个过程看着还是很舒服的
前端做登录页时常会遇到这样的问题:
要求登录页背景图高清,可高清图片太大,普遍加载慢,导致加载过程中背景图不完整而使交互体验变差
关于这一点我一直这样做的,
给背景图容器,多加一层同宽高的父容器,分别设置背景图
即处理一张低分辨率模糊,最主要是小、加载快的背景图pre-bg压在下面,
上面一层放高清大背景bg,
加载过程中,pre-bg很快加载完成,我们会立即看到一张模糊的背景图
紧接着就是高清bg慢慢加载的过程,我们会看到如下图片慢慢清晰的一个过程,
这个过程看着还是很舒服的