Command Palette

Search for a command to run...

图片

图片到 Base64 转换器

将图像转换为 Base64 数据 URI 并将 Base64 解码回图像。

什么是 Image to Base64 转换器?

Base64转换器的图像将图像文件的二进制内容转换为Base64文本字符串,通常包裹在数据URI中,例如data:image/png;base64,iVBORw0KG。。。Base64是一种使用64个可打印ASCII字符表示任何二进制数据的编码,因此生成的字符串可以直接生活在HTML,CSS,JSON或SVG内部,而不需要单独的文件请求。该转换器也以反向运行:粘贴Base64字符串或完整的数据URI,它会重建原始图像以供预览和下载。

Base64来嵌入图像,以减少HTTP请求,将小图标和徽标内联,以便它们在页面绘制的瞬间出现,并运送图像及其标记一起传输的独立数据URI带有自己的MIME类型,这就是为什么浏览器可以渲染数据:image/png;base64,...作为图片,当它解析属性的那一刻,权衡是大小:Base64将数据膨胀大约三分之一,因此它适合小资产,远胜于大照片。

该工具在您的浏览器中完成所有工作。图像使用浏览器文件 API 在本地读取和编码,并且图像本身永远不会上传到服务器,服务器会在您自己的机器上保留私人艺术品和屏幕截图。除了原始 Base64 之外,您还可以获得可立即粘贴的数据 URI、HTML img 标签和 CSS 背景图像声明,再加上解码的字节大小,以便您在提交之前判断内联是否值得。

Base64到图像转换器方向很容易用已知的字符串检查,将启动iVBORw0KGgo(单个1×1像素)的96个字符的PNG字符串粘贴到Base64到图像,然后按Decode到图像,您将获得一个预览和一个保存解码的下载图像按钮。png,一个70字节的文件。将该文件通过图像运行回Base64,预览行读取图像/png · 70 B解码 · 96 Base64字符。要将Base64转换为其他格式的图像文件,请粘贴完整的数据URI,以便保留正确的类型。

一个实际的警告是:数据 URI 大约比其编码的文件大三分之一,并且浏览器无法单独缓存,因此内联超出小图标的任何内容通常比其节省的请求成本更高。

如何使用 Image to Base64 转换器?

  1. 选择方向

    将"图像选取到"Base64来对文件进行编码,或者将"Base64选取到"图像来从字符串重建图片。

  2. 添加您的输入

    上传或丢弃图像进行编码,或粘贴 Base64 字符串或完整数据 URI 进行解码。

  3. 审查输出

    请参阅预览、编码大小以及生成的数据 URI、img 标签和 CSS 片段。

  4. 复制或下载

    复制您需要的格式,或将解码后的图像下载回文件。

主要特点

  • 解码返回文件

    Paste 数据 URI 并取回图像,这是当有人向您发送编码的 blob 时,作业中速度更快的一半

  • 编码和解码

    将图像转换为 Base64 数据 URI,或将 Base64 粘贴回预览并下载原始图像。

  • 即用型片段

    将原始 Base64、完整数据 URI、HTML img 标签和 CSS 背景图像规则集中在一处。

  • 宽格式支持

    适用于 PNG、JPG、GIF、WebP、SVG、BMP、ICO 和 AVIF,自动检测正确的 MIME 类型。

Frequently Asked Questions

Image 选择到 Base64 方向,然后上传或丢弃您的图像,工具在本地读取文件,对其进行编码,返回原始 Base64 加上一个即用型数据 URI、一个 img 标签和一个可以复制的 CSS 片段。

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

image to base64base64 imagebase64 to imagebase64 to image converterconvert base64 to imagedata uri to imagedata uriimage encoderbase64 encode imagepng to base64