Question

在网页设计中GIF图片和JPG图片各有哪些优缺点?

Answer 1

从某种程度上说，判断一个网页设计师是否优秀，可以从其在WEB开发（或网页设计）中是否合理的采用各种图片格式得出结论。

1.JPEG?
JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲，就是：高的压缩比=低的图片质量=小的文件大小。反之，低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 ％的原始图像的像素数据，所以它不被认为是一种无损图像格式。

用途：
由于这种极其敏感的平衡特性，JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片（照片）场合。反之，JPEG格式图片并不适合做简单色彩（色调少）的图片，比如LOGO，各种小图标（ICONS）。

2.GIF
GIF格式，是为使图片能够应用在在线（online）应用程序上所特别开发的图片格式。Gif，有时也被成为“Giff”，是一种无损，8位图片格式。“无损”是指100%的保持原始图片的像素数据信息。专业名词“8位”是指，所能表现的颜色深度——一个8位图像仅最多只能支持256种不同颜色（一个多余256种颜色的图片若用gif图片保存会出现失真）。

用途：
由于8位颜色深度的限制，Gif不适合应用于各种色彩过于丰富的照片存储场合。但它却非常适合应用在以下场合：
* Logo
* 小图标（Icon）
* 用于布局的图片（例如某个布局角落，边框等等）
* 仅包含不超过256种色彩的简单，小型图片场合

透明特性：
GIF支持基本的透明特性，这意味着你能够使图片的某些像素“不可见”。在其被放置到网页中时，我们就可以看到通过这些不可见区域看到此图片后面的背景颜色（图片）。此特性非常有用：如果你需要将某个gif图片的内容置于所有图片的上层，你可以将其设置为透明。

压缩特性：
GIF格式采用LZW算法进行压缩，此算法是Unisys申请的一项专利。在很久很久之前，如果你想使用GIF格式，那么就意味着你需要向Unisys付费申请专利许可。不过值得高兴的是，此项专利技术已于2003年6月20日过期，我们现在可以免费的使用GIF了！

隔行扫描：
GIF同时也支持隔行扫描。隔行扫描能够令图片在浏览器中更快的加载和显示。此特性对于那些慢网速的浏览者来说尤其实用。

动画GIF：
一个动态的GIF文件，是由若干帧图片所联结而成的动态图片。在显示时，这些动态帧被反复的绘制读取出来从而形成了简单的动画效果。合理的运用GIF动画能够为网页增添动静结合的效果，而过度的使用则会使网页杂乱无章。

Answer 2

gif可以做成动画，主要用于小的图片比如做icon。jpg全名是JPEG 。JPEG 图片以 24 位颜色存储单个光栅图像。JPEG 是与平台无关的格式，支持最高级别的压缩，不过，这种压缩是有损耗的。渐近式 JPEG 文件支持交错。

Answer 3

GIF的画质相对来说比较差，切图的时候容易导致原图失真，虽然支持图片透明，但不支持半透明，现在很多图片都会做阴影、圆角等等的效果，用GIF做的话效果就非常的差，透明效果能兼容所有浏览器

JPG的画质应该说是最好的，但是不支持图片透明

推荐你切图的时候使用png格式，画质比JPG差一点点，但是肉眼几乎分辨不出来，所有这算不上什么缺点，可兼容半透明以及全透明效果，唯一的缺点就是IE6无法兼容PNG半透明和全透明，不过有方法可以解决这个问题，所以你如果是正学习网页设计的话，以后页面切图就导成PNG格式

解释一下什么是透明和半透明：大家应该知道所有图形都是一个矩形，页面切图的时候也肯定是根据矩形来切的，只是根据图形的大小来控制图片的尺寸而已，如果图形是不规则图形势必导致矩形内的空白空间，如果是用JPG格式的话就默认加上白色了，这样图片放到页面中肯定会影响页面效果，而使用PNG格式的话，空白区域在png格式中也不会显示，从而达到透明效果；一般ps制作阴影效果其实本质就是半透明的效果