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