Base64
Image Data URL
⚠️ Large image may freez the browser
将图像转换为内联数据
使用图像到内联数据转换器工具将图像转换为内联数据。选择Base64或DataURL格式。这允许将图像直接嵌入到Web项目中。
Image → Base64 / Data URL
Click or Drag & Drop an Image
将图像转换为数据 URL
1
上传您的图片
点击或将它拖动到上传区域上传您的图片。
2
选择数据格式
选择‘Base64’或‘DataURL’选项卡以选择您想要的格式。
3
查看数据URL
你的图像的Base64或DataURL表示形式将出现在文本区域。
4
复制生成代码
点击“复制”按钮将生成的代码复制到剪贴板。
直接在您的网页项目中嵌入图像
通过消除管理单独图像文件的需求，将图像直接集成到您的网页项目中。我们的图像到内联数据工具生成图像的Base64或DataURL表示，有助于简化您的工作流程并减少页面加载时间。这种方法消除了对外部资源的必要性，使您的项目结构更加简单明了。
优化你的工作流程
将图像直接包含在网站代码中可能对将其嵌入为Base64或DataURL格式有用。这种方法将图像集成到HTML或CSS中，从而减少对外部文件的依赖。它简化了开发流程，并可能通过减少外部依赖来提高页面加载效率。
常见问题
Base64 是什么？ DataURL 是什么？
Base64和DataURL是表示图像为文本字符串的方法。这允许您在不使用单独图像文件的情况下，直接将图像嵌入到您的HTML或CSS代码中。
我该如何使用生成的Base64或DataURL？
你可以使用生成的代码在HTML的<img>标签或CSS背景图片属性中使用。例如，你可以这样使用它：<img src='data:image/png;base64,...'>
为什么我要使用Base64或DataURL？
使用内联数据可以简化项目结构，减少HTTP请求，并可能提高加载时间，尤其对于小图像。
使用这个工具有什么限制吗？
大型图像不建议使用，因为它们会降低计算机的性能。生成的Base64或DataURL字符串也可能变得很长。
支持哪些图像格式？
此工具支持常见的图像格式，如PNG、JPG和GIF。确切支持的格式可能因您的浏览器而异。