分类

← View All Tools

图片转Base64工具

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

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif

关键信息

分类
Design
输入类型
file, select, checkbox, number
输出类型
text
样本覆盖
4
支持 API
Yes

概览

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

适用场景

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

工作原理

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

使用场景

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

用户案例

1. 嵌入网页图标

背景原因
网页开发者需要在HTML页面中添加一个小图标，但不想增加额外的HTTP请求。
解决问题
如何将图标图片直接嵌入HTML代码中？
如何使用
上传图标文件（如PNG格式），选择输出格式为PNG，启用数据URI前缀。
效果
生成Base64编码字符串，可直接用于img标签的src属性，如<img src="data:image/png;base64,...">。

2. 优化移动应用图片加载

移动应用开发者
背景原因
移动应用需要加载多个小图片，但网络请求过多导致加载缓慢。
解决问题
如何减少图片加载的HTTP请求以提高性能？
如何使用
上传图片文件，设置最大宽度为50像素以减小文件大小，选择输出格式为WebP以优化压缩。
示例配置
设置maxWidth: 50, outputFormat: webp
效果
生成压缩后的Base64编码，嵌入应用代码中，减少网络延迟并加快渲染速度。

用 Samples 测试

image, png, jpg
Web Python 图像处理示例
Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换
title token image
image
Windows C++ 图像处理示例
Windows C++ 图像处理示例，包括读取/保存图像、调整大小和使用Windows Imaging Component进行格式转换
title token image
image
Web Rust 图像处理示例
Web Rust 图像处理示例，包括图像读取保存、缩放和格式转换
title token image
image
macOS Objective-C 图像处理示例
macOS Objective-C 图像处理示例，包括图像读取保存、图像缩放和格式转换
title token image
image

相关专题

ImageConvert工具专题
探索 100 个围绕 image 的 convert 工作流工具，快速找到相近能力。
Image 工具专题
探索 40 个围绕 image 的 utility 工作流工具，快速找到相近能力。
JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
AudioConvert工具专题
探索 100 个围绕 audio 的 convert 工作流工具，快速找到相近能力。

常见问题

支持哪些图片格式？

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

Base64编码有什么用途？

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

如何调整图片尺寸？

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

数据URI前缀是什么？

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

输出结果是什么格式？

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

API 文档

请求端点

POST /zh/api/tools/image-to-base64

请求参数

参数名 类型 必填 描述
imageFile file (需要先上传) 是 -
outputFormat select 是 -
includeDataUri checkbox 否 -
maxWidth number 否 -
maxHeight number 否 -

文件类型参数需要先通过 POST /upload/image-to-base64 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
文本: 文本

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-image-to-base64": {
      "name": "image-to-base64",
      "description": "将图片转换为Base64编码，支持多种格式和质量设置",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-to-base64",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

支持 URL 文件链接或 Base64 编码作为文件参数。

如果遇见问题，请联系我们：[email protected]