zoukankan      html  css  js  c++  java
  • base64图片

    这是什么?

    就是可以将一副图片数据编码成一串字符串

    使用该字符串代替图像地址。 

    这个格式有什么作用呢?一般是用于app的小图标的格式。

    Base64目前主要用于HTML5、移动开发等不考虑IE6的场景中。

    减少一个 HTTP 请求,适合小尺寸的图片。

    若大尺寸的图片使用 base 64 的话,会导致数据太大,加载过慢。

    怎么把图片转成这个格式呢?

    通过base64图片编辑器,(可上网搜索),可以将图片转换成base64格式。

     1  http://tool.css-js.com/base64.html   一个直接可以把图片转为base64格式的链接。【非常不错 ,不过有点长】

    2  http://www.vgot.net/test/image2base64.php?   另一个直接可以把图片转为base64格式的链接。 【总是上传不成功】 

      编码:请选择你要转换成 Base64 的图片,并点击“编码”。不建议将“超过20KB”的图片编码使用,这样起到的反而是反作用。

    目前对base64的一些看法:
      
         【以下为转载自知乎黑猫。】

      弊端主要不在于 base64 编码后比原图要大,

      而是因为如果把大图片编码到 html / css 中,会造成后者体积明显增加,明显影响网页的打开速度。

      如果用外链图片的话,图片可以在页面渲染完成后继续加载,不会造成阻塞。

      如果 base64 是被编码到 css/js 中,是可以缓存的,因为 css/js 文件可以缓存。

      使用 base64 的另外一个弊端是 IE 的兼容性问题。IE 8 以下不支持 data url,IE 8 开始支持 data url,却有大小限制,32k(未测试)。

      还有一个问题是,如果构建工具比较落后(或者没有构建工具),手动插入 base64 是很蛋疼的,编辑器会卡到哭。

    base64怎么用呢?

    word天,原来网上已经有做过详细说明了,那我就拿来用了,大家看链接好了。

    http://www.cnblogs.com/coco1s/p/4375774.html?utm_source=tuicool&utm_medium=referral

  • 相关阅读:
    网站结构之扁平结构与树形结构的区分
    如何提高网站的访问速度
    CSS透明度大汇总
    Microsoft.AlphaImageLoader滤镜讲解
    浏览器的渲染原理简介
    ACM思维题训练 Section A
    CF--思维练习--CodeForces
    CF--思维练习--CodeForces
    CF--思维练习--CodeForces
    CF思维联系--CodeForces
  • 原文地址:https://www.cnblogs.com/wangyue233/p/6052607.html
Copyright © 2011-2022 走看看