前端优化中使用base64的优缺点
优点(1)base64格式的图片是文本格式,占用内存小,转换后的大小比例大概为1/3,降低了资源服务器的消耗;(2)网页中使用base64格式的图片时,不用再请求服务器调用图片资源,减少了服务器访问次数。缺点(1)base64格式的文本内容较多,存储在数据库中增大了数据库服务器的压力;(2)网页加载图片虽然不用访问服务器了,但因为base64格式的内容太多,所以加载网页的速度会降低,可能会影响用户
·
优点
(1)base64格式的图片是文本格式,占用内存小,转换后的大小比例大概为1/3,降低了资源服务器的消耗;
(2)网页中使用base64格式的图片时,不用再请求服务器调用图片资源,减少了服务器访问次数。
缺点
(1)base64格式的文本内容较多,存储在数据库中增大了数据库服务器的压力;
(2)网页加载图片虽然不用访问服务器了,但因为base64格式的内容太多,所以加载网页的速度会降低,可能会影响用户的体验。
(3)base64无法缓存,要缓存只能缓存包含base64的文件,比如js或者css,这比直接缓存图片要差很多,而且一般HTML改动比较频繁,所以等同于得不到缓存效益。
<img src="data:image/jpeg;base64,/9j/4AAQS……"/>
一般图片小于10kb的时候,我们才会选择使用base64图片 太大的图片转换成base64得不偿失
http://tool.chinaz.com/tools/imgtobase 图片转成base64的网站、
https://tinypng.com/ 压缩图片的网站
更多推荐
已为社区贡献2条内容
所有评论(0)