在线咨询
QQ咨询
服务热线

020-85201717

020-85201720

业务微信

微信开发

TOP

网页设计中常用的几种图片格式有何区别?

发布时间:2020-08-01 浏览:

网页设计中,图片格式的选择非常重要,未经优化的图片和不当的图片格式都会导致网页加载时间过程和响应速度过慢——也就是打开很慢,这样就会严重影响用户的体验,有时候甚至延迟几秒就足以使许多新访客离开。所以在设计网站时,设计师必须特别注意图像格式和优化,以便在图片质量和加载时间之间找到平衡。


JPGGIF、PNG都是可以用于网页设计中的图片格式。网站设计中可根据具体需要选择不同格式的图片。


1、JPEG

JPEG是迄今为止最常见的图像格式,它是网络上绝大多数图像的选择格式。JPEG有一点要清楚,它是有损的。换句话说,它牺牲了图像质量来换取更小的文件空间,这也意味着在网站上有更快的加载时间。


所有互联网设备,数码相机,Web浏览器和现代操作系统都支持此种格式,JPEG是用于不需要大质量的静止图像的最常用格式。由于它可以显示数百万种不同的颜色,包括较浅和较深色调之间的明显区别,因此适用于几乎所有情况。


JPEG图片以 24 位颜色存储单个位图。JPEG 是与平台无关的格式,支持最高级别的压缩,不过,这种压缩是有损耗的。渐近式 JPEG文件支持交错。


优点:文件小,利于网络传输;


缺点:画质损失。


2、GIF

GIF是在1987年发明的,GIF跟JPEG一样,是为了突破早期拨号互联网连接的局限性而节省带宽发明的,同时也节省了当时相对较小的硬盘空间。


与JPEG不同,GIF支持动画视觉效果,因此它一直用于渲染小动画。因此,它在小图标,按钮和其他导航功能,社交网络上的动画表情符号中是用得最多的。


GIF 图片以 8 位颜色或 256 色存储单个光栅图像数据或多个光栅图像数据。GIF 图片支持透明度、压缩、交错和多图像图片(动画GIF)。


优点:动画存储格式;


缺点:最多256色,画质差。


3、PNG

PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法,一般应用于JAVA程序、网页或S60程序中,原因是它压缩比高,生成文件体积小。


PNG最适合用于设计和标志类的品牌元素,几乎所有浏览器都支持此类格式。该格式也适用于诸如照片类的复杂图像,但文件大小是个问题,因为PNG占用的空间大大超过JPEG。


优点:可保存透明背景的图片;


缺点:1、较旧的浏览器和程序可能不支持 PNG 文件,2、画质损失。