随着web的发展，网站资源的流量也变得越来越大。据统计，60%的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。现有Web图片格式简介1baseline-jpeg这种类型的JPEG文件存储方式是按从上到下的扫描方式，把每一行顺序的保存在JPEG文件中。打开这个文件显示它的内容时，数据将按照存储时的顺序从上到下一行一行的被显示出来，直到所有的数据都被读完，就完成了整张图片的显示。如果文件较大或者网络下载速度较慢，那么就会看到图片被一行行加载的效果，这种格式的JPEG没有什么优点，因此，一般都推荐使用ProgressiveJPEG。2preogressive-jpeg和Baseline一遍扫描不同，ProgressiveJPEG文件包含多次扫描，这些扫描顺寻的存储在JPEG文件中。打开文件过程中，会先显示整个图片的模糊轮廓，随着扫描次数的增加，图片变得越来越清晰。这种格式的主要优点是在网络较慢的情况下，可以看到图片的轮廓知道正在加载的图片大概是什么。这两种jpeg格式文件的效果对比如下：jpeg优势：非常通用，JPEG在色调及颜色平滑变化的相片或是写实绘画（painting）上可以达到它最佳的效果。jpeg劣势：它并不适合于线条绘图（drawing）和其他文字或图示（iconic）的图形,因为它的压缩方法用在这些图形的型态上,会得到不适当的结果；3gifGIF(GraphicsInterchangeFormat)的原义是“图像互换格式”，GIF文件的数据，是一种基于LZW算法(串表压缩算法)连续色调的无损压缩格式。是目前web网页中十分常用的一种动画文件格式。优势：优秀的压缩算法使其在一定程度上保证图像质量的同时将体积变得很小可插入多帧,从而实现动画效果可设置透明色以产生对象浮现于背景之上的效果劣势： 由于采用了8位压缩,最多只能处理种颜色（2的8次方）,故不宜应用于真彩图像。4pngpng文件分为png8(8位透明png)、png24(色png)、png32(多阶透明png)，png的有点在于使用位图实现web上的透明图片，以实现比较好的体验。优势：支持色调色板技术以产生小体积文件。最高支持48位真彩色图像以及16位灰度图像。支持Alpha通道的半透明特性。支持图像亮度的gamma校正信息。-支持存储附加文本信息,以保留图像名称、作者、版权、创作时间、注释等信息。可使用无损压缩。渐近显示和流式读写,适合在网络传输中快速显示预览效果后再展示全貌。使用CRC循环冗余编码防止文件出错。最新的PNG标准允许在一个文件内存储多幅图像。劣势：但也有一些软件不能使用适合的预测，生成的文件较大(IE6只支持PNG8)。前端的图片优化方案1使用base64编码代替图片场景：适用于图片大小小于2KB，页面上引用图片总数不多的情况原理：将图片转换为base64编码字符串inline到页面或css中优势：减少
如何治疗皮肤白癜风北京白癜风主治医院哪里好
转载请注明：http://www.guyukameng.com/php/php/3208.html
