码迷,mamicode.com
首页 > 移动开发 > 详细

WebAPP-1

时间:2017-06-04 22:43:31      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:round   图片   strong   请求   ack   color   base64   str   ima   

Base64图片制作icon

优势:

  • 可以减少请求(相当于提前把图片信息提前放到了css的文件当中)   background:url(data:image/png;base64,{img_data})
  • 加快首屏数据的显示速度

note:体积更大(base64图片是未经压缩的);维护不方便

 

使用CSS3制作icon

youshi优势:体积更小;

note:维护不大方便;存在兼容性问题;但用在WebAPP上很适合,几乎不存在兼容性问题;

WebAPP-1

标签:round   图片   strong   请求   ack   color   base64   str   ima   

原文地址:http://www.cnblogs.com/Hale-Proh/p/6942072.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!