使用图片 base64 编码的优点和缺点

最新推荐文章于 2024-02-16 14:15:57 发布
最新推荐文章于 2024-02-16 14:15:57 发布
阅读量1.8k 收藏 1
点赞数 2
分类专栏： css样式 文章标签： html5 css html css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/apologizeerror/article/details/106077003
版权

base64编码是一种图片处理格式，通过特定的算法将图片编码成一长串字符串，在页面上显示的时候，可以用该字符串来代替图片的
url属性。

使用base64的优点是：

（1）减少一个图片的HTTP请求

使用base64的缺点是：

（1）根据base64的编码原理，编码后的大小会比原文件大小大1/3，如果把大图片编码到html/css中，不仅会造成文件体
积的增加，影响文件的加载速度，还会增加浏览器对html或css文件解析渲染的时间。

（2）使用base64无法直接缓存，要缓存只能缓存包含base64的文件，比如HTML或者CSS，这相比域直接缓存图片的效果要
差很多。

（3）兼容性的问题，ie8以前的浏览器不支持。

一般一些网站的小图标可以使用base64图片来引入。

原文链接

请叫我大豆包
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Python简单实现Base64编码和解码的方法
12-25
本文实例讲述了Python简单实现Base64编码和解码的方法。分享给大家供大家参考，具体如下： Base64编码是一种“防君子不防小人”的编码方式。广泛应用于MIME协议，作为电子邮件的传输编码，生成的编码可逆，后一两位可能有“=”，生成的编码都是ascii字符。 优点：速度快，ascii字符，肉眼不可理解 缺点：编码比较长，非常容易被破解，仅适用于加密非关键信息的场合 Python Base64编码和解码示例： >>> import base64 >>> s = '我是字符串' >>> a = base64.b64encode(s) >>> print a ztLKx9fWt/u0rg=
图片使用base64位存储的利弊
yb305
11-07 4448
图片base64编码的获取 新开一个chrome页面，直接把图片拖曳进去，f12看source就可以看到图片对应的base64编码 优势： 减少http请求 模块封装 弊端 base64编码的长度有些长（base64一般会比原图要大一些） 获取修改比较麻烦 使用场景 图片很少或不会更新 图片实际尺寸很小 图片在网站多次使用 图片转换成base64位工具：https://www.s...
base64真正的作用和意义
热门推荐
ios_xumin的专栏
03-19 2万+
X.509公钥证书也好，电子邮件数据也好，经常要用到Base64编码，那么为什么要作一下这样的编码呢？我们知道在计算机中任何数据都是按ascii码存储的，而ascii码的128～255之间的值是不可见字符。而在网络上交换数据时，比如说从A地传到B地，往往要经过多个路由设备，由于不同的设备对字符的处理方式有一些不同，这样那些不可见字符就有可能被处理错误，这是不利于传输的。所以就先把数据先做一个Bas...
Base64编码的优点与缺点
最新发布
https://blog.amd794.com
02-16 480
Base64编码是一项重要的技术，它简化了数据传输和存储过程，提升了数据的可读性、可传输性和安全性。Base64编码的优点包括可打印性、可传输性和数据安全，但也存在数据膨胀和可读性差的缺点。掌握Base64编码可以帮助开发者在数据传输和存储中灵活应用，确保数据的安全和完整性。通过深入理解Base64编码的优点和缺点，我们可以在实际应用中合理选择和使用，实现数据传输和存储的高效和安全。
图片转换成base64格式的优缺点
if.else.Z
02-19 2477
一、图片转换成base64格式的优缺点 1. 优点 （1）base64格式的图片是文本格式，占用内存小，转换后的大小比例大概为1/3，降低了资源服务器的消耗； （2）网页中使用base64格式的图片时，不用再请求服务器调用图片资源，减少了服务器访问次数。 2. 缺点 （1）base64格式的文本内容较多，存储在数据库中增大了数据库服务器的压力； （2）网页加载图片虽然不用访问服务器了，但因为base64格式的内容太多，所以加载网页的速度会降低，可能会影响用户的体验。 （3）base64无法缓存
js高级对象之File、Bolb、FileReader、URI对象/base64字符串、Fromdata
劣徒5520的博客
01-01 562
js高级对象之File、Blob、FileReader、URI对象/base64字符串、FromdataFile与BlobFile与Blob对象如何获得FileReader对象URI对象/base64字符串URL.createObjectURL(file/blob)得到内存引用地址FileReader对象中readAsDataURL(file/blob)得到base64字符串Fromdata对象参...
解决方案：js文件流、base64、Bolb、File、文件上传的使用
_midnight的博客
12-14 4075
文件上传获取文件流 创建input 获取文件 input file MDN文档<input type=file name=file> <!-- 属性值可以省略引号，以达到缩减文件大小的目的 --> 获取input 内的文件流 返回值默认为集合（数组）document.querySelector("input[name=file]").files 文件转换为Base64 function isBase64(str) { if (str === '' || str.t
什么是Base64 编码，Base64 编码有哪些优缺点？
m0_69916115的博客
10-26 2814
很多朋友在工作中，可能经常会用到Base64编码。Base64编码是网络上很常见的用于8Bit字节码的编码方式之一，那么，大家知道为什么要使用Base64 编码，Base64 编码有哪些优缺点呢？下面，我们一起来研究一下。
简单介绍使用图片 base64 编码的优点和缺点。
CjBkl的博客
07-10 1153
base64 编码是一种图片处理格式，通过特定的算法将图片编码成一长串字符串，在页面上 显示的时候，可以用该字符串来代替图片的 url 属性。 使用 base64 的优点是： （1）减少一个图片的 HTTP 请求 使用 base64 的缺点是： （1）根据 base64 的编码原理，编码后的大小会比原文件大小大 1/3，如果把大图片编码到 html/css 中，不仅会造成文件体积的增加，影响文件的加载速度，还会增加浏览器对 html 或 css 文件解析渲染的时间。 （2）使
[加密]-base64的优点
newzhong
09-20 2088
简介 Base64加密方式是将三个八位的字节转化为四个六位的字节（不足八位的高位补00） base64 特点： base64 编码是现代密码学的基础； 把原本是 8 个 bit 一组表示数据，改为 6 个 bit 一组表示数据，不足的部分补零，每两个 0 用 一个 = 表示； 用 base64 编码之后，数据长度会变大，增加了大约 1/3； 虽然 base64 可以作为加密，但是 base64 能够逆运算，非常不安全！ base64 编码有个非常显著的特点，末尾有个 ‘=’ 号； 注意:标准的Base
使用HTML5的File实现base64和图片的互转
09-28
内联图片即使把图片文件编码成base64，优点是可以减少http的请求，缺点是不能跨域缓存，用html5的file api里的 readAsDataURL函数 这是一个把文件转化成base64编码
BASE64编码解码_ASM（高性能汇编版）
05-27
算法是查表方式实现，优点：性能好、缺点：码表有几KB的内存占用。跟精易模块的BASE64进行简单测试对比，没啥毛病，还没进行实际应用，可能存在BUG，开源给大家测试。1.1版更新。 1) 整合AVX2指令集版本进去，内部...
易语言-base64一种简单实用变异编码的思路和实现
06-25
base64编码是将原来24位扩展成32位,得到0-64之间的索引值,按特定码表重新编码后来实现 所有长度会增加1/3 优点:编码解码简单,速度快,体积小 缺点:不安全 优点就不说了,说一说为什么会不安全 不安全体现在两个方面 1 ...
易语言-BASE64编码解码_ASM（高性能汇编版）
06-25
算法是查表方式实现，优点：性能好、缺点：码表有几KB的内存占用 跟精易模块的BASE64进行简单测试对比，没啥毛病，还没进行实际应用，可能存在BUG，开源给大家测试。 1.1版更新 1) 整合AVX2指令集版本进去，内部会...
margin 重叠问题的理解
ApologizeError的博客
05-12 1068
作者：爱前端不爱恋爱 链接：https://zhuanlan.zhihu.com/p/114257330 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 块级元素的上外边距（margin-top）与下外边距（margin-bottom）有时会合并为单个外边距，这样的现象称为“margin合 并”。 产生折叠的必备条件：margin必须是邻接的! 而根据w3c规范，两个margin是邻接的必须满足以下条件： •必须是处于常规文档流（非float和绝对定位）的块级盒子，
png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过 webp？
ApologizeError的博客
05-12 1025
（1）BMP，是无损的、既支持索引色也支持直接色的、点阵图。这种图片格式几乎没有对数据进行压缩，所以BMP格式的图片通常 具有较大的文件大小。 （2）GIF是无损的、采用索引色的、点阵图。采用LZW压缩算法进行编码。文件小，是GIF格式的优点，同时，GIF格式还具 有支持动画以及透明的优点。但，GIF格式仅支持8bit的索引色，所以GIF格式适用于对色彩要求不高同时需要文件体积 较小的场景。 （3）JPEG是有损的、采用直接色的、点阵图。JPEG的图片的优点，是采用了直接色，得益于更丰富的色彩，JPEG非常
layoutviewport、visualviewport 和 idealviewport 的区别
ApologizeError的博客
05-12 531
相关知识点： 如果把移动设备上浏览器的可视区域设为viewport的话，某些网站就会因为viewport太窄而显示错乱，所以这些浏览器就决定 默认情况下把viewport设为一个较宽的值，比如980px，这样的话即使是那些为桌面设计的网站也能在移动浏览器上正常显示了。 ppk把这个浏览器默认的viewport叫做layoutviewport。 layoutviewport的宽度是大于浏览器可视区域的宽度的，所以我们还需要一个viewport来代表浏览器可视区域的大小，ppk把 这个viewport叫做vi
java使用hutool把base64编码转为图片
06-08
使用Hutool将Base64编码转换为图片的代码如下： ```java import cn.hutool.core.codec.Base64; import cn.hutool.core.io.FileUtil; public class Base64ToImage { public static void main(String[] args) { // Base64编码字符串 String base64Str = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURQAAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAKwAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAJgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAIwAAJgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAHgAAIwAAJgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAHAAAHgAAIwAAJgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAHAAAFAAAHgAAIwAAJgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAHAAAAAAAFwAAHgAAIwAAJgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAMgAAHAAAAAAAFwAAHgAAHAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFAAAFwAA"; // 去掉Base64编码字符串中的前缀 String base64 = base64Str.substring(base64Str.indexOf(",") + 1); // 将Base64编码字符串解码为字节数组 byte[] bytes = Base64.decode(base64); // 将字节数组写入图片文件 FileUtil.writeBytes(bytes, "test.png"); } } ``` 其中，使用`Base64.decode()`方法将Base64编码字符串解码为字节数组，然后使用`FileUtil.writeBytes()`方法将字节数组写入图片文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

请叫我大豆包

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值