网页设计中常用三种图片格式区别

相关推荐

网页设计中常用三种图片格式区别

　　常有很多客户问起，在网页设计中，用哪种格式的图片会好一些?其实，对于这个问题，并没有很标准的答案。因为在网站设计中，常用的图片格式有三种：JPEG、GIF、PNG。然而它们三者之间的用途是不尽相同的。

　　三种格式的图片的区别如下：

　　JPEG图片不象GIF图片那样只能有256种颜色，它可以包含数百万种颜色，而且有极高的压缩率。这使得JPEG图片比较适合用来保存相片。JPEG是一种有损压缩的格式,JPEG不支持透明度。

　　GIF是一种调色板型，含有多达256种的颜色。每一个象素点都有一个对应的颜色值。是一种无损压缩的格式。

　　PNG是一种无损压缩的格式，而且它有很多种类。1.PNG8 2.真彩色PNG

　　在网站建设中到底应该用JPEG格式还是GIF格式?

　　方便记忆的简易准则：

　　1.如果图片是扫描的图画或照片时就用JPEG格式。

　　2.在你的电脑上制作的水平形式的条例、按钮以及动画图片，这些图片应该用GIF格式。

　　最后，我们总结一下：

　　1.JPEG格式比较适合用来存储照片

　　2.GIF格式可以用来做动画

　　3.PNG8可以用来做小图标(icons)，按钮，背景等。

　　JPEG、GIF、PNG优缺点：

　　GIF

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

　　优点：动画存储格式；

　　缺点：最多256色，画质差。

　　JPEG

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

　　优点：文件小，利于网络传输；

　　缺点：画质损失。

　　PNG

　　PNG格式主要用于透明格式，这也是png的特性之一。PNG图像文件存储格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法，一般应用于JAVA程序、网页或S60程序中，原因是它压缩比高，生成文件体积小。

　　优点：可保存透明背景的图片；

　　缺点：1、较旧的浏览器和程序可能不支持 PNG 文件

　　2、画质损失。

【网页设计中三种图片格式区别】相关文章：

自适应设计与响应式网页设计的区别02-02