Base64 教程中心

使用 Base64 Data URL 嵌入图片

Data URL 将媒体类型和编码后的字节直接放进 HTML 属性或 CSS,例如 data:image/png;base64,...,适合小图标、邮件模板和独立演示。

组成有效的 Data URL

必须填写准确 MIME 类型、逗号和 Base64 内容,不能混入多余空格。PNG 与 JPEG 的文件签名不同,可用文件编码器生成测试值。

性能与缓存

Data URL 通常会让内容增加约三分之一,也无法像普通图片那样独立缓存。照片和重复使用的资源更适合单独文件。

<img alt="小图标" src="data:image/png;base64,ENCODED_BYTES">