版权声明：欢迎任何形式的转载，但请务必注明出处，共创知识服务 https://blog.csdn.net/ASUKA2020/article/details/84503730
1、类型声明+base64转码数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCADfAtQDAREAAhEBAxEB/8QAHQAAAgMBAQEBAQAAAAAAAAAABAUDBgcCCAEACf/EAEUQAAIBAgQEBAQEBAUCBQMFAQECAwQRAAUSIQYTMUEHIlFhFDJxgSNCkaEIFVKxM8HR4fAWJENicoLxNJKiCRclJmNz/8QAGwEAAgMBAQEAAAAAAAAAAAA..." alt="">
</body>
</html>
图片的base64转码是图片根据转码的数据段逐行显示。从上到下，一段段数据显示以行形式显示的图像块，印象笔记的离线enx文件就是将文件中的图片，附件基于base64进行了转码。通过这项技术还可以用于前后端分离的图片传输，不用传服务器图片地址，直接传送base64编码后的数据就行了。同时服务器上传的图片经过base64编码后可以直接存储在数据库中。
base64_encode(file_get_contents('test.jpg'));
2.base64格式图片和jpg格式的比较
对于jpg格式的图片，每一个图片相当于一次http请求，图片多了的话，耗性能比较严重。
而将jpg转化成base64格式的图片，则极大地减少了请求数，因为base64是文本格式，可以直接放在body里。一般对于小于10KB大小的图片进行base64转码。