UI设计图片格式的选择
新闻来源：优漫教育
日期：2021-06-16
在一定程度上，怎样才能判断一个UI设计者是否、是否可以从他在UI设计中合理地使用了不同的图片格式得出结论。实际上，也许大家都知道图片有GIF、JPG和PNG这样的格式，但并不是人人都知道它们之间的具体区别和应用技巧。
下面就介绍一下在WEB开发中几种流行的图片格式，以及如何正确地使用这些格式。
一、JPEG
JPEG格式是一种图像压缩格式，尺寸和质量保持平衡。简单地说：高压缩比=低图片质量=小文件大小。相反，压缩比低=图片质量高=文件大小大。因为JPEG文件不能保留原始图像100%的像素数据，所以不能认为JPEG文件是无损图像格式。
目的：因为JPEG具有极高的灵敏度，所以很适合应用于那些允许轻微变形的像素色彩丰富的图片(照片)场合。相反，JPEG格式的图片不适合制作颜色简单(色调较淡)的图片，如LOGO和各种小图标(ICONS)。
二、GIF
GIF格式，是为了使图片能够在网上(online)应用中使用而专门开发的图片格式。有时也被称为“Giff”，是一种有8个比特的图象格式。表示保留原始图片中的像素数据信息的符号。专门术语“8位”是指，能够显示的颜色深度，即一张8位图片只能支持最多256种不同颜色(一张多256种颜色的图片如果保存到gif图片中，将会失真)。
目的：受8位颜色深度的限制，Gif不适用于各种色彩过浓的图片的存储。但是它却很适合用于以下的场合：
三、logo。
小型图标(Icon)
版式图片(例如某一版式角、边框等)
只包括不超过256种颜色的简单、小图片场合。
四、透明度特征：
GIF支持基本的透明功能，这意味着你可以让图片的某些像素“看不见”。当它被放入网页时，我们可以通过这些不可见区域看到该图片后面的背景颜色(图片)。这个功能很有用：如果你需要把一些gif图片的内容放在上面，你可以把它设置为透明。
五、压缩特性：
GIF格式的压缩采用LZW算法，该算法是Unisys公司的专利。如果你想要使用GIF格式，那么在很久以前，你必须向Unisys付费才能获得专利许可。然而，令人高兴的是，这项专利技术在2003年6月20日就已经过期了，我们现在可以用GIF来做0元。
六、间隔扫描：
同时，GIF支持隔行扫描。交错可以使图片更快地加载并在浏览器中显示。这一功能特别适用于网速较慢的用户。
GIF动画：GIF文件是一种动态图像，它是由几幅图像连接而成的。当显示时，这些动态帧被反复地绘制并读取，从而形成简单的动画效果。GIF动画的合理使用可以给网页增加动静结合的效果，而过度的使用会让网页变得混乱。
七、、PNG
阅读“ping”的PNG，最初是作为GIF的一种0元替代格式开发的，采用公开专利压缩算法。虽然PNG格式也是一种high压缩，但是不像GIF格式，PNG同时支持8位和24位图像。
八、PNG图像：
一张8位的PNG图片，支持透明背景，像素颜色限制在256种以内。这个8位的PNG格式和GIF格式非常类似，只是压缩算法不同；
目的：八位PNG图片的用途基本上与GIF格式相同，
九、二十四位PNG图像：
这个24比特的PNG图像支持160万种不同像素颜色，并支持Alpha透明效果，这意味着无论透明度设置如何，PNG图像都能很好地与背景融合。
十、支持PNG格式：
随着PNG格式的广泛应用以及开发者对WEB标准的日益重视，不同浏览器对PNG格式的支持变得越来越重要。幸运的是，目前主流的浏览器都支持PNG格式，包括：IE*,Firefox,Safari,Opera,andKonqueror。
但是遗憾的是，IE6和IE6以下的浏览器对于PNG透明背景没有很好的支持。但是，对于这个问题，我们还有其他的解决办法，更多的细节请参见IE6中的透明PNG。
