UD5工具箱
Base64编码解码工具 — 使用教程
以下教程将详细介绍如何使用Base64编码解码工具的各个功能，帮助您快速上手操作。
一、文本Base64模式
步骤1：进入工具页面
打开ud5.com网站，在工具列表中找到并点击Base64编码解码工具，进入工具主页面。默认显示文本Base64模式，页面上方可以看到文本Base64和图片Base64两个选项卡。
步骤2：输入文本内容
在文本输入框中输入您需要编码或解码的内容。支持中英文混合文本、特殊符号、代码片段、JSON数据、XML配置等任意文本内容。输入框支持多行文本输入，您可以直接粘贴多行内容进行处理。
步骤3：执行操作
工具会自动识别输入内容类型并执行对应操作。如果输入的是普通文本，工具会自动执行编码操作，将文本转换为Base64编码字符串；如果输入的是Base64编码后的字符串，工具会自动执行解码操作，将Base64字符串还原为原始文本。您也可以手动点击编码或解码按钮来指定操作类型。如果输入的内容不符合Base64编码格式，工具会自动将其作为待编码的原始文本来处理。
步骤4：复制或清除结果
操作完成后，结果会显示在下方的输出区域中。点击复制按钮即可将结果复制到剪贴板，方便粘贴到其他地方使用。点击清除按钮可以同时清空输入框和输出框的内容，方便进行下一次操作。
二、图片Base64模式
步骤1：切换到图片模式
在工具页面上方，点击图片Base64选项卡，切换到图片Base64模式。此时页面会显示图片上传区域和相关操作按钮。
步骤2：上传图片
有两种方式上传图片：方式一，直接将图片文件从文件管理器拖拽到工具的上传区域，松开鼠标即可完成上传；方式二，在上传区域获得焦点后，使用Ctrl+V快捷键粘贴剪贴板中的图片内容，支持截图工具截取的图片。上传完成后，工具会自动将图片转换为Base64编码字符串并在输出区域显示。支持PNG、JPG、GIF、BMP、WebP等常见图片格式。
步骤3：配置Data URI前缀
上传完成后，工具会自动将图片转换为Base64编码字符串。如果您需要在HTML或CSS中使用该Base64字符串，请开启Data URI前缀开关，工具会在输出字符串前自动添加对应的MIME类型前缀，例如data:image/png;base64,或data:image/jpeg;base64,。如果只需要纯Base64编码数据，则保持开关关闭状态即可。
步骤4：复制或下载结果
点击复制按钮将Base64编码结果复制到剪贴板，可以直接粘贴到代码中使用。如果是解码Base64字符串还原图片，工具会显示还原后的图片预览，此时可以点击下载按钮将图片保存到本地磁盘。
三、使用技巧
1. 处理大型图片文件时，Base64编码后的字符串会非常长，建议仅在需要内联使用时才进行图片Base64转换，对于大尺寸照片等文件建议使用外部链接引用的方式。
2. 在使用Base64编码文本时，请确保原文本的编码格式为UTF-8，以避免中文等多字节字符在不同环境下出现乱码问题。
3. 如果您需要频繁使用该工具，建议将其添加到浏览器书签中，方便快速访问和使用。
4. 对于需要批量处理多个文件的场景，建议多次使用本工具逐一处理，以确保每次操作的准确性。
5. 在网页开发中使用Base64内联图片时，建议控制内联图片的大小在10KB以内，以避免HTML文件过大影响页面加载性能。