MENU

HTML图片转 Base64 编码

August 1, 2024 • Read: 130 • Code

在线工具:

base64图片在线转换工具 - 站长工具
在线图像转Base64 - 码工具

Markdown使用:

![Alt Text](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA...很长很长的编码字符串...AAAElFTkSuQmCC)

或者,为了保持Markdown的整洁性,你可以使用引用ID的方式:

![Alt Text][image-id]  
[image-id]: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA...很长很长的编码字符串...AAAElFTkSuQmCC

注意事项:

  • 图片大小:由于base64编码会增加文件大小(大约增加33%),因此不建议将大图片直接转换为base64编码并插入到Markdown文档中。对于大图片,建议使用外部链接或上传到图床。
  • 浏览器兼容性:虽然大多数现代浏览器都支持base64编码的图片,但在一些旧版浏览器或特殊环境中可能存在兼容性问题。
  • 文档大小:如果Markdown文档中包含大量base64编码的图片,将会显著增加文档的大小,这可能会影响文档的加载速度和性能。

演示图片:

image



Last Modified: August 13, 2024
Archives QR Code Tip
QR Code for this page
Tipping QR Code