`这种方式引用图片,不需要再发请求获取图片。 使用Data URL也有一些缺点: - base64编码后的图片会比原来的体积大三分之一左右。 - Data URL形式的图片不会缓存下来,每次访问页面都要被下载一次。可以将Data URL写入到CSS文件中随着CSS被缓存下来。">

# 什么是 Data URL

Issue

欢迎在 Issue 中交流与讨论: Issue 478 (opens new window)

Data URL是将图片转换为base64直接嵌入到了网页中,使用<img src="data:[MIME type];base64"/>这种方式引用图片,不需要再发请求获取图片。 使用Data URL也有一些缺点:

  • base64编码后的图片会比原来的体积大三分之一左右。
  • Data URL形式的图片不会缓存下来,每次访问页面都要被下载一次。可以将Data URL写入到CSS文件中随着CSS被缓存下来。
Last Updated: 2/24/2021, 8:56:13 AM