• 上传图片使用base64的优缺点


    使用base64:URL的优缺点

    个人觉得base64:URL传输图片文件的好处在于:

    1.减少了HTTP请求

    2.某些文件可以避免跨域的问题

    3.没有图片更新要重新上传,还要清理缓存的问题

    不足在于:

    1.浏览器支持

    使用base64编码图片作为背景图片的这种技术IE6/IE7浏览器是不支持的(IE9浏览器IE7模式下支持,这里被@前端的那点破事鄙视了 )。对于目前PC页面,兼容性问题使没有文件上传以及无需更新缓存的优点不存在了。

    2.增加了CSS文件的尺寸

    base64编码图片本质上是将图片的二进制大小以一些字母的形式展示,例如一个1024字节的图片,base64编码后至少1024个字符,这个大小会被完全嵌入到CSS文件中(不过幸运的是也可以被gzip了,而图片文件被gzip效果不明显)。

    3.编码成本

    图片完成后还需要base64编码,目前估计手工完成的多,因此,增加了一定的工作量,虽然不多。

    五、优缺点权衡下的实际应用价值

    权衡上面所展示的优缺点,貌似base64:URL图片没有什么用武之地啊,实际上非也,有一种情况时有base64编码作为background-image背景图片利要远大于弊的。何种情况呢?

    在web页面制作的时候,由于某些现实原因,我们可以会用到下面这一类图片:

    1.这类图片不能与其他图片以CSS Sprite的形式存在,只能独行

    2.这类图片从诞生之日起,基本上很少被更新

    3.这类图片的实际尺寸很小

    4.这类图片在网站中大规模使用

    原文入口

    一个小小后端的爬行痕迹
  • 相关阅读:
    有关Python,网络,机器学习,深度学习
    Python map使用
    左旋转字符串,翻转字符串
    使用Python创建二叉树,作为调试程序使用
    batchnorm2d函数理解,numpy数据归一化
    和为s的连续正数序列,和为s的两个数字
    判断是否为平衡二叉树
    原生js格式化json的方法
    ace editor 使用教程
    Vue+webpack+echarts+jQuery=demo
  • 原文地址:https://www.cnblogs.com/heikedeblack/p/14291203.html
Copyright © 2020-2023  润新知