togotools.top 技术参考
技术参考
在浏览器本地实现图片与 Base64 编码的互转，支持拖拽、点击和粘贴上传图片，预览图片并显示尺寸、类型、大小等元数据，支持下载和复制 Base64。
核心能力
- 图片转 Base64：支持拖拽、点击选择和剪贴板粘贴三种上传方式。
- Base64 转图片：粘贴 Base64 字符串或 Data URL，实时预览图片。
- 显示图片元数据：尺寸（宽 x 高）、MIME 类型、文件大小、文件名。
- 支持复制 Base64 编码和下载图片文件。
- 自动识别图片格式，支持 PNG、JPEG、GIF、WebP 等常见类型。
示例：Base64 编码
Base64 编码将图片转为文本格式，适合嵌入 HTML/CSS/JSON 中内联使用。Data URL 格式可直接作为 img 标签的 src 属性。
data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...
预览：显示原始图片
元数据：800x600 | image/png | 24.5 KB使用边界
- Base64 编码会使数据体积增大约 33%，不适合大文件传输。
- 粘贴的 Base64 字符串可以带或不带 data: 前缀，工具会自动补全。
- 支持的图片类型取决于浏览器，通常包括 PNG、JPEG、GIF、WebP、SVG。
常见问题
Base64 编码后文件变大了多少？
Base64 编码使用 4 个字符表示 3 个字节，因此数据体积会增大约 33%（4/3 倍）。
可以直接在 HTML 中使用生成的 Base64 吗？
可以。将 data:image/...;base64,... 格式的 Data URL 直接作为 img 标签的 src 属性即可内联显示图片，无需额外请求。