# 图片转Base64工具

将图片转换为Base64编码，支持多种格式和质量设置

> 标准页面: https://elysiatools.com/zh/tools/image-to-base64

- **分类:** Design

- **关键词:** 图片, Base64, 编码, 转换, 数据URI, 嵌入

## 概述

图片转Base64工具能将图片文件快速转换为Base64编码字符串，支持JPEG、PNG、WebP和GIF格式，并允许自定义输出格式和尺寸，便于在代码中直接嵌入图片。

## 输入项

- **图片文件** (file): Select an image file...
- **输出格式** (select)
- **包含数据URI前缀** (checkbox)
- **最大宽度 (像素)** (number): Maximum width...
- **最大高度 (像素)** (number): Maximum height...

## 适用场景

- 当需要在HTML、CSS或JavaScript中嵌入图片而不依赖外部文件时。
- 当需要将图片数据存储在数据库、配置文件或JSON中时。
- 当需要优化网页性能，减少HTTP请求以加快加载速度时。

## 工作原理

- 上传图片文件，支持JPEG、PNG、WebP和GIF格式。
- 选择输出格式：自动（与原图相同）、JPEG、PNG、WebP或GIF。
- 可选设置：启用数据URI前缀、指定最大宽度和高度（像素）。
- 工具处理图片并生成Base64编码的文本字符串。

## 使用案例

- 在网页中嵌入图标、背景图片或小图形，避免额外的网络请求。
- 在移动应用或桌面应用中存储图片数据，减少对外部资源的依赖。
- 在配置文件或API响应中包含图片，便于数据传输和存储。

## 常见问题

### 支持哪些图片格式？

支持JPEG、PNG、WebP和GIF格式。

### Base64编码有什么用途？

Base64编码允许将图片数据作为文本字符串嵌入代码中，常用于网页开发和数据存储。

### 如何调整图片尺寸？

在选项中设置最大宽度和高度（像素），工具会自动缩放图片以适应指定尺寸。

### 数据URI前缀是什么？

数据URI前缀（如data:image/png;base64,）用于在HTML中直接引用Base64编码的图片。

### 输出结果是什么格式？

输出是纯文本格式的Base64编码字符串，可直接复制使用。

## 相关工具

- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
- [图片垂直翻转](https://elysiatools.com/zh/tools/image-flip): 垂直翻转图片（上下翻转），支持输出格式和质量选项
- [图片水平翻转](https://elysiatools.com/zh/tools/image-flop): 水平翻转图片（左右翻转），支持输出格式和质量选项
- [图片处理器](https://elysiatools.com/zh/tools/image-processor): 使用各种操作处理图片，如调整大小、裁剪、格式转换和优化
- [图片旋转](https://elysiatools.com/zh/tools/image-rotate): 按指定角度旋转图片，支持背景色和输出格式选项
- [按任意角度旋转图片](https://elysiatools.com/zh/tools/image-rotate-arbitrary): 按任意角度旋转图片，支持背景色和输出格式选项
- [图像仿射变换](https://elysiatools.com/zh/tools/image-affine): 应用仿射变换进行缩放、旋转、剪切和平移
- [图片颜色取样器](https://elysiatools.com/zh/tools/image-color-picker): 通过指定坐标从图片中选取颜色。获取 HEX、RGB、HSL、HSV 和 CMYK 格式的颜色值。

## 示例

- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
- [Web TypeScript 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-typescript): Web TypeScript 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换