嫌图床不稳定？markdown嵌入图片base64编码，告别图床！

使用图床为markdown嵌入图片的方法大家都知道，但是只要是图床都有关闭的可能，如果哪天用了好多年的图床倒闭了。。想都不敢想，我那堆图片都要变成小方块了。。。。。。

其实还有一种稳妥的方式来未我们的markdown文档嵌入图片，那就是插入图片的base64码。

base64编码

图片的 base64 编码就是可以将一副图片数据编码成一串字符串，使用该字符串代替图像地址。

• 优点
  避免了引用图片地址的失效造成图片丢失的问题。
• 缺点
  图片转化成 base64编码后会增加代码的冗余性，增加html页面的大小，css 整体的可读性将会造成十分大的影响，Base64 跟 CSS 混在一起，大大增加了浏览器需要解析CSS树的耗时。例如一个70K的图片转化后保存的txt可能100K大小，字符长度甚至可能达到10万左右。所以一般只用于一些小图片的使用。

图片转base64编码

这种工具的话百度一下很多的，这里放上一个菜鸟工具的在线转base64工具，图片转BASE64编码 。图片转BASE64编码工具提供了 PNG转换Base64，GIF转换Base64，JPEG转换Data64等各种图片的格式转换,你只需拖动图片到指定区域，即可完成操作！

base64编码的使用

Base64编码格式如下：

data:[][;charset=][;base64],

Base64 在CSS中的使用：

.demoImg{ background-image: url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...."); }

Base64 在HTML中的使用：

<img width="40" height="30" src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />

Base64 在markdown语法中的使用：

![image][自定义编号]	//在合适的地方引用

[自定义编号]:data:.....,		//定义编码对应的图片的base64编码