PICTURE · BASE64
Base64转换
添加图片即可生成可用于HTML/CSS的Data URL。
- 1.选择编码或解码模式
- 2.编码:拖入图片并选择输出格式(数据 URL / IMG / CSS)
- 3.解码:粘贴 Base64 字符串并点击“解码”
- 4.复制生成的代码或下载图片
→ 结果: Base64 数据 URL / HTML / CSS 代码(编码),或还原的图片文件(解码)
添加图片后显示Data URL。
关于此工具
把图片转换为 Base64 字符串，并输出为 `data:` URL。这样可以将图片直接嵌入 HTML 或 CSS，而不必单独附带文件，适合必须自包含的场景。
适用场景
- —在屏蔽外部图片的邮件模板中放入小图标时
- —以单个 HTML 文件的形式连同图片一并交付时
- —为减少请求数，把极小的图标内联进 CSS 时
注意事项
- —转为 Base64 后体积约增加三分之一，不适合大幅照片。
- —浏览器无法单独缓存，跨多页使用的图片以文件形式加载更快。
- —字符串很长会降低代码可读性，建议仅用于小图标。