400-6528-168
News
网站建设、网站制作、网站设计等相关资讯

网站中网页图片处理的注意事项

日期:2019-08-02 07:23:29 访问: 作者:网建科技
    设计网页的时候,有时根据行业需要,会用到大量的图片,基本的图片格式有三种,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添加透明度时,沿着形状的边界边缘插入,中间颜色的像素来平滑形状,这种平滑边缘来改善屏幕图像的外观,将背景颜色设置为透明,然后将网页上的图像用于不同的背景颜色时会出现问题。图像中的抗锯齿像素仍将对应于原始背景颜色,背景颜色从白色更改为透明,图形周围会出现一个白色光环。