文件base64编码

文件Base64编码器，将任何文件转换为Base64编码

选择一个文件

如何在网站上使用Base64字符串

HTML和CSS都支持使用Base64数据字符串。复制下面的代码，并将你的BASE64字符串替换为上方生成的Base64字符串

在HTML中使用Base64

JPEG IMAGES：<img src="data:image/jpeg;base64,你的BASE64字符串"/>

PNG IMAGES：  <img src="data:image/png;base64,你的BASE64字符串"/>

GIF IMAGES：  <img src="data:image/gif;base64,你的BASE64字符串"/>

XML IMAGES：<xml><image>data:image/jpeg;base64,你的BASE64字符串</image></xml>

如果不是使用的jpeg，需将image/jpeg替换为image/png或image/gif。

JAVASCRIPTS：<script type="text/javascript" src="data:text/javascript;base64,你的BASE64字符串"></script>

CSS：<link rel="stylesheet" type="text/css" href="data:text/css;base64,你的BASE64字符串"/>

在CSS中中使用Base64

IMAGES：.yourclass {background: url('data:image/jpeg;base64,你的BASE64字符串');}

如果不是使用的jpeg，需将image/jpeg替换为image/png或image/gif。

OPENTYPE FONTS：@font-face{font-family:'yourfontname'; src: url(data:font/opentype;charset=utf-8;base64,你的BASE64字符串);}

WOFF FONTS：@font-face{font-family:'yourfontname'; src: url(data:application/font-woff;charset=utf-8;base64,你的BASE64字符串) format(woff);}

WOFF FONTS：@font-face{font-family:'yourfontname'; src: url(data:application/font-woff2;charset=utf-8;base64,你的BASE64字符串) format(woff2);}

TTF FONTS：@font-face{font-family:'yourfontname'; src: url(data:application/font-ttf;charset=utf-8;base64,你的BASE64字符串) format('truetype');}