图片转base64 / base64转图片（互换）

图片和 base64 编码之间有着密切的关系，而且在 web 开发中经常会一起使用。以下是它们的关系和各自的主要用途场景：

1. 图片和 base64 编码的关系：

   • 图片通常以二进制形式存在，可以是 JPEG、PNG、GIF 等格式。
   • Base64 编码是一种将二进制数据转换为文本的编码方式，使用 64 个字符来表示二进制数据的 6 位。

2. 用途场景：

   • 图片：
     • 在 web 开发中，图片通常用于展示图像内容，例如网页上的图标、背景图片、产品图片等。
     • 图片通常以 <img> 标签的 src 属性或 CSS 的 background-image 属性的 URL 形式引用。
   • Base64 编码：
     • 在某些情况下，将图片转换为 Base64 编码的字符串可以方便地嵌入到 HTML、CSS 或 JavaScript 中，而不必使用外部文件。
     • 这种方式可以减少 HTTP 请求次数，提高页面加载性能，特别是对于小型图像或图标。
     • Base64 编码的图片字符串可以直接作为数据 URI 方式嵌入到文档中，形式如 data:image/png;base64,XXXXX，其中 XXXXX 是图片的 Base64 编码字符串。

3. 选择使用场景：

   • 使用原始图片文件（二进制格式）更适合大型图片，因为它们通常比 Base64 编码的字符串更小，加载速度更快。
   • 使用 Base64 编码的图片适合小型图像或图标，因为它们可以减少 HTTP 请求，简化代码结构，并且适用于需要即时展示的情况。