常见图片格式详解

常见图片格式

一、GIF（Graphics Interchange Format）:

    GIF图形交换格式是一种图形文件格式以8位色(即256种颜
    色)重现真彩色的图像，它实际上是一种压缩文档，采用LZW压
    缩算法进行编码，有效减少了图像文件在网络传播的时间。

优点:

    1、优秀的压缩算法使其在一定程度上保证图像质量的同时将体
    积变得很小
    2、可插入多帧，从而实现动画效果。
    3、可设置透明色以及产生对象浮现与背景之上的效果

缺点:

    1、由于采用了8位压缩最多只能处理256种颜色(2的8次方)，故不能真彩图像。

二、PNG (Portable Network Graphics):

    便携式网络图片(Portable Network Graphics) ,简称PNG,是 
    一种无损数据压缩位图图形文件格式。PNG格式是无损数据,支
    持透明PNG这种类型的图片就是为了取代GIF图片而生的,除了
    GIF不支持动画的优势,能用PNG的地方就用PNG。

优点:

    1、支持256色调色板技术以产生小体积文件
    2、最高支持48位真彩色图像以及16位灰度图像
    3、支持Alpha通道的半透明特性。
    4、支持图像亮度的gamma校正信息。
    5、支持无损压缩

缺点:

    1、他也有一些软件不兼容

三、JPG (Joint Photographic Experts Group):

    JPEG是一种针对相片影像而广泛使用的-种失真压缩标准方法。
    JPEG的压缩方式通常是破坏性资料压缩(lossycompression)意
    即在压缩过程中图像的品质会遭受到可见的破坏。

优点:

    1、JPEG/JFIF是最普遍在万维网(World Wide Web)上被用来
    储存和传输照片的格式。JPEG在色调及颜色平滑变化的相片或
    是写实绘画(painting)上可以达到它最佳的效果。在这种情
    况下,它通常比完全无失真方法作得更好,仍然可以产生非常好看
    的影像(事实上它会比其他一般的方法像是GIF产生 更高品质的
    影像因为GIF对于线条绘画(drawing) 和图示的图形是无失真但
    针对全彩影像则需要极困难的量化)。
缺点:
     1、它并不适合于线条绘图(drawing) 和其他文字或图际
     (iconic) 的图形,因为它的压缩方法用在这些图形的型态上,
     会得到不适当的结果;
     给个活生生的例子:一张照片在Instagram反复 上传下载90次
     之后...在博客园找了半小时,link),在最后ipg图完全变样。
四、WEBP图片格式:
      2010年谷歌推迟的图片格式，专门]用来在web中使用,压缩率
      只有jpg的2/3或者更低;第一 个版本的webp图片格式是有损
      的,新版本中webp图片是无损的。
   优点:
        1、体积小巧，很好未来发展趋势
   缺点:
        1、兼容性差，只有opera和chrome支持

世界主流浏览器机及内核

一、IE 浏览器
       内核:Trident内核，也俗称IE内核
       兼容:-ms-
       JS引擎:JScript
二、Chrome浏览器
       内核:Chrome内核 以前是webkit内核，现在是Blink内核
       兼容:-webkit-/*针对谷歌内核CSS写法*/
       JS引擎:V8
三、Firefox浏览器
       内核:Gecko内核，俗称Firefox内核
       兼容:-moz-;/*针对火狐内核CSS写法*/
       JS引擎:TraceMonkey
四、Safari浏览器
       内核:Webkit内核
       兼容:
       JS引擎:SquirrelFish Extreme
五、Opera浏览器
       内核:最初的是自己的Presto内核,后来是Webkit内核，现在是Blink内核;
       兼容:-o-

浏览器内核解析

    一、内核
        浏览器最重要或者说核心的部分是“Rendering Engine”，
        可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览
        器内核”。负责对网页语法的解释通常所谓的浏览器内核也
        就是浏览器所采用的[渲染引擎]渲染引擎决定了
        浏览器如何显示网页的内容以及页面的格式信息。不同的
        浏览器内核对网页编写语法的解释也有不同，因此同一网
        页在不同的内核的浏览器里的渲染（显示）效果也可能不
        同，这也是网页编写者需要在不同内核的浏览器中测试网
        页显示效果的原因。
    二、js引擎
        基本工作是把开发人员写的 JavaScript 代码转换成高
        效、优化的代码，这样就可以通过浏览器进行解释甚至嵌
        入到应用中。很难界定JavaScript引擎是编译器还是解释
        器。因为像V8引擎，为了提高JS的运行性能，在运行之前
        会将js编译为本地的机器码，然后再去执行机器码。