拖动图片至此区域 或 点击上传
支持 JPG, PNG, GIF, WebP, SVG, BMP 等格式
图片预览
等待上传图片
预览区域将显示图片
预览区域将显示图片
📘 Base64 说明:
• 将图片二进制数据编码为 ASCII 字符串
>格式如:
• 减少 HTTP 请求,适合小图标、背景图等场景。
• 将图片二进制数据编码为 ASCII 字符串
>格式如:
data:[<MIME-type>][;charset=utf-8];base64,<数据>
• 减少 HTTP 请求,适合小图标、背景图等场景。
📄 Base64 完整编码结果
等待图片上传...
🌐 HTML <img> 用法示例
等待图片上传...
🎨 CSS background 用法示例
等待图片上传...
💡 使用小贴士:
• HTML 中:
• CSS 中:
• HTML 中:
<img src="data:image/png;base64,..."> 直接展示图片。• CSS 中:
background-image: url("data:image/..."); 长字符串可放心复制,工具自动生成正确 MIME 类型。