跳到主要内容

查找下一个工具

在浏览器中完成的私密图片工作区

图片转 Data URI 转换器

将 JPG、PNG、WebP 等浏览器可读取的图片转换为用于 HTML、CSS 和网页开发的 Data URI。

图片转 Data URI

浏览器本地处理

实际工作中的用途

  • • 将小图标或小图片直接嵌入 HTML 或 CSS。
  • • 为开发或测试创建自包含的测试数据。
  • • 无需上传原图,即可复制浏览器生成的 Data URI。

下载前要检查的内容

  • • Base64/Data URI 编码会让数据量增加约三分之一,还不包括周围的语法。
  • • 大图片请保留为普通文件,以便单独缓存。

如何使用“图片转 Data URI 转换器”

  1. 1. 选择原图: 从手头最清晰的原始图片开始。
  2. 2. 设置用途: 只使用与你实际的像素、格式、版式或文件大小要求相关的选项。
  3. 3. 处理并检查: 在本地生成新副本,并检查可见的结果和显示的属性。
  4. 4. 下载并核对: 保存完成的副本,并对照接收它的表单、网站或工作流进行确认。

了解局限

  • • Data URI 不是压缩格式。
  • • 过长的嵌入字符串会让 HTML 和 CSS 更难维护。

浏览器内私密处理

所支持的操作在你的浏览器中运行。请保留原始文件,并对照目标平台的现行要求核对下载的副本。

常见问题与解答

Data URI 会让图片变小吗?

不会。Base64 编码通常会增加文本量。它适合为小素材提供便利,而不是用来压缩。

图片会被上传吗?

不会。浏览器读取所选文件,并在本地生成 Data URI。

浏览全部图片工具