常见图片格式详解

一、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 编译为本地的机器码，然后再去执行机器码。

常见图片格式详解

常见图片格式

世界主流浏览器机及内核

浏览器内核解析