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

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

图片和 base64 编码的关系：
- 图片通常以二进制形式存在，可以是 JPEG、PNG、GIF 等格式。
- Base64 编码是一种将二进制数据转换为文本的编码方式，使用 64 个字符来表示二进制数据的 6 位。
用途场景：
- 图片：
  - 在 web 开发中，图片通常用于展示图像内容，例如网页上的图标、背景图片、产品图片等。
  - 图片通常以 <img> 标签的 src 属性或 CSS 的 background-image 属性的 URL 形式引用。
- Base64 编码：
  - 在某些情况下，将图片转换为 Base64 编码的字符串可以方便地嵌入到 HTML、CSS 或 JavaScript 中，而不必使用外部文件。
  - 这种方式可以减少 HTTP 请求次数，提高页面加载性能，特别是对于小型图像或图标。
  - Base64 编码的图片字符串可以直接作为数据 URI 方式嵌入到文档中，形式如 data:image/png;base64,XXXXX，其中 XXXXX 是图片的 Base64 编码字符串。
选择使用场景：
- 使用原始图片文件（二进制格式）更适合大型图片，因为它们通常比 Base64 编码的字符串更小，加载速度更快。
- 使用 Base64 编码的图片适合小型图像或图标，因为它们可以减少 HTTP 请求，简化代码结构，并且适用于需要即时展示的情况。

综上所述，图片和 base64 编码在 web 开发中有着不同的用途和适用场景，开发者可以根据具体需求选择合适的方式来处理和展示图像内容。