当前位置：网站首页>Data URL

Data URL

2022-06-10 18:51:00 【SeriousLose】

Use data URI To present some longer content ,

Such as a string of binary data encoding 、 Pictures, etc , use base64 Coding makes the content shorter .
And for pictures , stay gzip After the compression ,base64 The picture is actually bigger than the original gzip Large compression , The increase in volume is about one third , So it needs to be weighed when using .

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

data: Protocol header , It identifies this content as a data URI resources .
MIME type , Indicates how this string of content is presented ,
- such as ：text/plain, It is displayed in text type ,
- image/jpeg, With jpeg Show... In the form of pictures ,
- Again , The client will also use this MIME Type to parse data
Encoding settings , The default encoding is charset=US-ASCII,
- That is, each character in the data section is automatically encoded as %xx,
- About coding tests ,
- You can input the following two strings in the browser address box
  - data:text/html, Hello
    - Output ： I'm sorry ソ
  - data:text/html;charset=UTF-8, Hello
    - Output ： Hello
  - data:text/html;charset=gbk, Hello
    - Output ： I'm sorry ソ
  - data:text/html;charset=UTF-8;base64,5L2g5aW9
    - Output ： Hello
base64 Coding setting , This is an option ,base64 The code contains only 0-9,a-z,A-Z,+,/,=, among = It is used to encode the padding .
Data URI The content that carries , It can be written in plain text , It can also be through base64 code The content of .