前端用Base64的来呈现图片的有什么优势呢?

优势：

(1)、base64格式的图片是文本格式，将图片转化为字符串后，图片文件会随着html元素一并加载，占用内存小，降低了资源服务器的消耗。减少了服务器的请求次数，降低了服务器的开销。

(2)、不会造成跨域请求的问题。

(3)、不会有图片缓存未及时更新的问题。

缺点： 

(1)、base64格式的文本内容较多，存储在数据库中增大了数据库服务器的压力；

(2)、base64格式的内容太多，而且它是和html元素一起加载渲染的，所以加载网页的速度会降低，可能会影响用户的体验，而且因为其内容太多不利于页面维护。

(3)、IE6~9不支持使用base64

(4)、base64无法缓存，要缓存只能缓存包含base64的文件，比如js或者css文件，这比直接缓存图片要差很多，而且一般HTML改动比较频繁，所以等同于得不到缓存效益。

题外话：

 一般20KB以下的小图片适合用base64，网站的小图片小 logo 之类的可以使用 base64 图片来引入。