使用Base64格式的图片制作ICON

Posted たLOME

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Base64格式的图片制作ICON相关的知识,希望对你有一定的参考价值。

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

 

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

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

 

 

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

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

 

 

 

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

以上是关于使用Base64格式的图片制作ICON的主要内容,如果未能解决你的问题,请参考以下文章

php 将图片转换 base64 格式与还原生成图片

base64格式的图片如何上传到oss

base64图片

图片Base64编码数据格式

js中图片base64格式转文件对象

img添加base64格式图片