网站设计公司设计网页的时候,会用到大量的图片,基本的图片格式有三种,jpg,png和gif,jpg可以实现压缩比,将图形压缩到比原始文件小一百倍,jpg在压缩图像时丢弃不必要的数据,jpg压缩的重度会导致视觉噪音,从而降低图形的整体质量。
压缩是有代价的,视觉噪声和其他压缩伪像的大幅增加,如果过度使用会降低图像质量,使用jpg压缩压缩图像后,数据将丢失,无法从该图像文件中恢复,将照片的未压缩原始文件保存为备份,用于Web的文件时使用副本,以jpg格式保存图像时,图像会被进一步压缩。
PNG作为gif图像格式的替代方案使用专有的lzw压缩方案,png图形专门用于设计网页,提供了强大的功能,包括全方位的色彩深度,支持复杂的图像透明度,更好的隔行扫描以及显示监视器自动校正,png图像还可以保存图像内容的简短文本描述。
png支持全彩色图像,可用于摄影图像,使用无损压缩,生成的文件比有损jpg压缩大得多,适合使用logo图像,包含大面积的均匀颜色,颜色之间有明显的过渡。以png格式保存的这种类型的图像很好,可以获得完整且一致的浏览器支持。
传统gif图形从上到下一次下载一行像素,浏览器在逐渐在屏幕上构建时显示图像的每一行,在隔行扫描的gif文件中,图像数据以让支持该功能的浏览器的格式存储,在文件下载时在屏幕上构建低分辨率版本的全尺寸gif图像。隔行扫描适用于较大的gif图像,例如200×100像素或更大的插图,对于小型gif图形,如导航栏,按钮和图标,隔行扫描如果保持为传统gif格式,加载到屏幕上的速度要快得多,对文件大小没有显著影响。透明GIF格式颜色是透明的,为透明度选择的颜色是图形中的背景颜色,如果将颜色设置为透明,则图形中颜色也将变为透明,可能会导致意外结果。
为gif添加透明度时,沿着形状的边界边缘插入,中间颜色的像素来平滑形状,这种平滑边缘来改善屏幕图像的外观,将背景颜色设置为透明,然后将网页上的图像用于不同的背景颜色时会出现问题。图像中的抗锯齿像素仍将对应于原始背景颜色,背景颜色从白色更改为透明,图形周围会出现一个白色光环。