Base64
Image Data URL
⚠️ Large image may freez the browser
生成CSS背景Base64
将图像转换为 Base64 或 DataURL 格式，用于作为 **CSS 背景** 或其他 Web 应用程序。上传您的图像，选择所需的标签，并复制生成的代码。适用于将图像直接嵌入到网站代码中，但大型图像可能会影响性能。
Image → Base64 / Data URL
Click or Drag & Drop an Image
将图像转换为Base64代码
1
上传您的图片
上传图片，请点击或将它拖动到上传区域。
2
选择Base64或DataURL
选择“Base64”或“DataURL”选项卡以选择所需的格式。
3
查看Base64代码
Base64或DataURL代码将出现在下方标签栏的文本区域中。
4
复制生成的代码
点击“复制”按钮将生成的代码复制到剪贴板。
在你的CSS中直接嵌入图片
使用Base64或DataURL编码直接嵌入图像到CSS中，以减少HTTP请求并优化网站性能。这种方法通过消除单独的图像文件来提高加载速度，同时保持小图标或装饰性图形等视觉元素。它支持在不影响网站速度的情况下高效地集成轻量级资产。
快速的CSS背景与编码图像
将图像编码为Base64或DataURL格式以设置CSS背景。这种方法通过将视觉效果直接集成到代码中，简化工作流程。减少对外部图像文件的需求可以降低HTTP请求并提高网站性能。 适用于同时融入小视觉效果并提高性能。
常见问题
什么是Base64和Data URL？
Base64和DataURLs是表示图像为文本字符串的方法。这允许您将图像嵌入到网站代码中，避免需要单独的图像文件。
我该如何使用生成的Base64或DataURL？
生成的代码可作为CSS背景图像、在HTML属性中，或在任何接受数据 URI 的上下文中进行使用。例如，您可以在 CSS 中使用它，如下所示：background-image: url('data:image/png;base64,...');
我为什么应该使用这个工具而不是其他方法？
这个工具提供了一种简单方便的方式，只需单击一下并使用复制按钮即可将图像转换为Base64或DataURL。它速度快，易于使用。
使用这个工具有什么限制吗？
大型图片不建议使用，因为它们会在转换过程中降低电脑的性能。
支持哪些图像格式？
这个工具支持常见的图像格式，如PNG、JPG和GIF。