Base64 图像编码器

拖放您的图像（JPG、PNG、SVG、WEBP）或单击上传。该工具会立即生成 Base64 字符串，可用作 CSS 或 HTML 中的数据 URI。

对图标、徽标和 UI 元素（5KB 以下）等小图像使用 Base64 编码。这消除了对这些资产的 HTTP 请求，从而可以稍微提高性能。对于大图像，外部 URL 更好。

将其用作背景图像：background-image: url('data:image/png;base64,iVBORw0KGgo...');该工具会自动生成可供复制的 CSS 片段。

将其用作 img 标签的 src 属性：<img src='data:image/png;base64,iVBORw0KGgo...'/>。该工具会为您生成此 HTML 片段。

是的。与二进制原始文件相比，Base64 编码使文件大小增加了约 33%。这是一个权衡，你保存了一个HTTP请求但是数据更大了。对于非常小的图像来说这是值得的，但对于大照片则不值得。

是的。切换到解码模式，粘贴 Base64 字符串（带或不带 data:image/... 前缀），该工具将渲染图像并让您将其下载为文件。这对于从 HTML 源代码或 API 负载中提取嵌入图像非常有用。

放入 JPG、PNG、GIF、WebP 或 SVG，该工具就会输出 Base64 字符串以及可粘贴的片段：数据 URI、img src 和 CSS 背景 URL。转换是本地的，因此图像永远不会上传。

粘贴 Base64（或完整数据 URI），该工具将呈现并允许您下载原始图像，这对于从 CSS 或 HTML 中提取嵌入图像非常有用。

Base64 将图像直接嵌入 HTML、CSS 或电子邮件中，因此无需加载单独的文件，这对于小图标和内联资源很方便，但大图像最好保留为普通文件。

是的，大约三分之一，因为二进制表示为文本。这就是为什么它最适合小型资产，因为避免请求比规模更重要。

不会。编码和解码完全在您的浏览器中进行。