webpack打包小图片时进行Base64转码

Posted 2021-01-05 人生若只是初见

关于base64

优点：

　　base64就是一串字符串码表示的图片，在加载页面和js时一块加载出来，减少了加载图片时的http请求。加载一张图片时会发起一次http请求，http请求每次建立都会需要一定的时间，对于加载一张小图来说，下载图片所需的时间会比建立http请求的时间要短，

所以对小图进行base64转码是优化http请求，保证页面加速渲染，加快页面加载速度。

缺点：

　　base64会增加图片本身的大小，对于小图来说，转码增加的大小导致js加载延时能远远弥补建立http请求的时长。这种取舍是划算的。可是对于大图来说，这样的取舍是不划算的。