前端html中img标签src属性问题.

截止到目前,知道了 img标签scr属性后面可以是图片地址,还可以是base64编码,还可以是blob类型,就是不知道在实际业务中,这三种不同的使用方式适用的场景是什么~~求大神答疑

阅读 2.2k
1 个回答

URL:当图片较大或者会被大量访问,此时需要用到 CDN 作为媒介提高其访问效率,此时使用 URL 最为妥当

Base64: 前端项目打包中会发现,当图片文件较小时,可以转换成内联的base64格式来使用,使用该方式载入图片有以下优点:

  • 无需通过请求加载图片,能够减少大量的图片请求数,减少页面加载时间
  • 可用于各类预加载场景Loading图
  • 在样式类中内联使用非常方便,删除更新都非常方便,不会产生冗余图片

Blob:图片本地预览、压缩、分片上传,需要转换为 blob 类型做处理

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题