使用Base64格式的图片制作ICON

使用Base64格式的图片制作ICON的优势是Base64图片可以减少请求次数;加快首屏数据的显示速度;使用这种方式不会对图片压缩

 

使用base64工具将图片转成字符串

使用站长工具可以将图片转成字符串,直接将图片上传即可,地址:http://tool.chinaz.com/tools/imgtobase

 

 

将转成的字符串应用到网页中

直接将转成的字符串放入到img标签的src下即可

 

 

 

如果设计图中,有一些是单色的图标,那么可以制作成svg,然后再制作成图标字体,具体的制作方法查看图标字体制作这篇文章

posted @ 2017-08-11 18:34  胡椒粉hjf  阅读(877)  评论(0编辑  收藏  举报