您现在的位置是: 首页 >  PHP PHP

data:image/png;base64 详解

冬寂 2020-08-06 13:39:04 【PHP】 3790人已围观

网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///+ZmZmOUEqyAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACusAAArrAYKLDVoAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjAvMTIGkKG+AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAB1JREFUCJljONjA8LiBoZyBwY6BQQZMAtlAkYMNAF1fBs/zPvcnAAAAAElFTkSuQmCC

那么这是什么呢?这是Data URI scheme。

Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。比如上面那串字符,其实是一张小图片,将这些字符复制黏贴到火狐的地址栏中并转到,就能看到它了,一张1X36的白灰png图片。

在上面的Data URI中,data表示取得数据的协定名称,image/png 是数据类型名称,base64 是数据的编码方法,逗号后面就是这个image/png文件base64编码后的数据。

目前,Data URI scheme支持的类型有:

data:,文本数据

data:text/plain,文本数据

data:text/html,HTML代码

data:text/html;base64,base64编码的HTML代码

data:text/css,CSS代码

data:text/css;base64,base64编码的CSS代码

data:text/javascript,Javascript代码

data:text/javascript;base64,base64编码的Javascript代码

data:image/gif;base64,base64编码的gif图片数据

data:image/png;base64,base64编码的png图片数据

data:image/jpeg;base64,base64编码的jpeg图片数据

data:image/x-icon;base64,base64编码的icon图片数据

base64简单地说,它把一些 8-bit 数据翻译成标准 ASCII 字符,网上有很多免费的base64 编码和解码的工具

PHP中可以用函数base64_encode() 进行编码,如

echo base64_encode(file_get_contents(‘wg.png’));

目前,IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。

举个图片的例子:

网页中一张图片可以这样显示:

<img src="https://www.yyytang.com/web/static/icon/logo.png" />

也可以这样显示:

<img src="data:image/png;base64,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" />

把图像文件的内容直接写在了HTML 文件中,这样做的好处是,节省了一个HTTP 请求。坏处是浏览器不会缓存这种图像。

很赞哦! ( 19 )

站点信息

  • 建站时间:2020-08-10
  • 文章统计100篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我