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