图片转BASE64

data url

已复制

css

已复制
已复制

DataURI 允许在HTML文档中嵌入小文件,可以使用 img 标签或 CSS 嵌入转换后的 Base64 编码,减少 HTTP 请求,加快小图像的加载时间。 经过Base64编码后的文件体积一般比源文件大 30% 左右。

      // Base64 在CSS中的使用
      .box{
        background-image: url("data:image/jpg;base64,/9j/4QMZR...");
      }
    
      // Base64 在HTML中的使用
      <img src="data:image/jpg;base64,/9j/4QMZR..." />
    

热门推荐Hot Recommended 换一批