图片基于base64转码技术

最新推荐文章于 2025-05-11 15:33:07 发布

super6662321313

最新推荐文章于 2025-05-11 15:33:07 发布

阅读量1.6k

点赞数

文章标签： php

本文链接：https://blog.csdn.net/ASUKA2020/article/details/84503730

版权

科班 PHP 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了Base64图片编码技术，解释了其工作原理，即如何将图片转换为文本格式并嵌入到HTML中，减少HTTP请求次数，适用于前后端分离的图片传输场景。同时，对比了Base64格式与jpg格式图片在性能上的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、类型声明+base64转码数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <img src="https://img-blog.csdnimg.cn/2022010612472857385.jpg" 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转码。