当打开页面的时候你看到这么漂亮的画面，你有没有考虑过他们怎么设计出来的，而这些画面又是怎么显示在你面前的，网站设计的图形处理是一个复杂的过程，他们在设计时就要考虑页面的数据量，而图形占有网页的数据量比较大，那么设计者就会考虑你们打开网页的时候等待的时间问题，有时可能因为时间比较长，就直接关闭，那么他们所设计的网站不管多漂亮，你都看不到.
首先我们要了解技术对图像格式的支持。通常适合网络传输的图像格式有以下几种：GIF、JPEG、PNG、PIC。
1.先来说一下GIF格式：它是使用8位颜色，并且在锐化细节时，有效地压缩实色区域。另外还可以使用GIF 格式创建动画图像，而大多数的浏览器也都支持GIF 格式，使用LZW压缩，也是无损耗的压缩方法。他也有缺点，因为是八位颜色，如果将原24位图像优化8位GIF会导致颜色信息丢失。2.PNG-24 格式支持 24 位颜色，和 JPEG 格式一样，PNG-24 可保留照片中存在的亮度和色相的显著和细微变化。和 GIF 和 PNG-8 格式一样，PNG-24 可保留锐化细节。3.JPEG 格式支持24位颜色，并保留照片和其它连续色调图像中存在的亮度和色相的显著和细微变化。大多数浏览器都支持 JPEG。JPEG 通过有选择地减少数据来压缩文件大小。因为它会弃用数据，所以JPEG 压缩称为损耗压缩。较高品质设置导致弃用的数据较少，但是 JPEG 压缩方法会降低图像中细节的清晰度，尤其是包含文字或矢量图形的图像。4.PNG文件使用比GIF更高级的无损耗压缩方案，并且可以比同一图像的GIF文件小 10-30%，这具体取决于图像的颜色图案。因为不是所有的浏览器都支持 PNG，所以在图像必须可由尽可能多的Web用户访问时，建议避免使用此格式。PNG格式有两种类型：PNG-8和 PNG-24。同一图像的 PNG-24 文件常比JPEG文件大。该格式除了支持背景透明度和背景杂边外，PNG-24 格式还支持多色阶透明度。多色阶透明度允许保留多达256个色阶的透明度(不是所有的浏览器都支持)，可以平滑地将图像边缘与任何背景色混合。5.PICT格式作为在应用程序之间传递图像的中间文件格式，广泛应用于 Mac OS 图形和页面版面应用程序中。PICT格式支持具有单个alpha通道的RGB图像和不带alpha通道的索引颜色、灰度和位图模式的图像。PICT 格式在压缩包含大面积纯色区域的图像时特别有效。对于包含大面积黑色和白色区域的alpha通道，这样压缩效果是非常的好。
|
