文件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/pngimage/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/pngimage/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');}

Top