实现指南
如何在 HTML 中使用 Base64 图片
通过正确构造的 Data URL,将小图片直接嵌入 HTML img 元素。
<img src="data:image/png;base64,iVBORw0KGgo..." alt="Description" width="320" height="180" />使用完整 Data URL
src 值必须包含 data:、图片 MIME 类型、;base64 和编码内容。仅有原始 Base64 并不是有效的图片 URL。
始终提供 alt 文本
为有意义的图片提供无障碍描述,装饰图片使用空 alt,并设置 width 和 height 以减少布局偏移。
保持内嵌图片较小
内嵌数据无法与 HTML 文档分开缓存。大型或经常复用的资源应使用普通图片文件。