加入图象

Internet上的网站可分成两种类型，一种使用大量的图片，一种不使用图片。一个极端的例子是象HotWired这样的网站，每一页几乎都被各种各样的图片占满了。HotWired网站的这种设计使得它有非常鲜明的特色（见图5.9）。

另一个极端的例子是如Amazon books这样的网站。Amazon的网页上几乎没有什么图片，每一页上除了文字以外就几乎没有别的东西。这使得网页传输显示的速度很快（见图5.10）

哪种方法更好？这与你网点的目的有关。HotWired网点致力于向用户提供各种特殊的图片，因此在网页中包含各种惹人注目的图片能获得完美的效果。从另一方面来说，Amazon网站的目的是出售图书，如果一个用户要等待很长时间来调入一个网页，他可能就会干脆到书店去买书了。

当设计你的网页时，你可以在这两种极端间找到一个平衡点。我好方法也有坏方法在你的网页中加入图片，如果您小心地选择你的图片类型，你既可以让将你的网页生动有趣，也可以用较快的速度显示。在这一节中你将学习怎样做到这一点。

图5.9 使用大量图片的HotWired网站

图5.10 几乎不使用图片的Amazon网站

GIF和JPEG

环球网上最常用的图像格式是图像交换格式（GIF），你可以把你网页中的任何东西都用GIF图象来实现，包括标志、页分隔及超链接。GIF有很多你应当知道的性质：

> > 首先，GIF图像可以有不同大小的调色板，在一个GIF图像中显示的最大色彩数为256，然而，通常建立的图像都采用较少的调色板。减少GIF图像的调色板大小可以显著地减少图像文件的大小，而越小的图像文件调入网络浏览器就越快。

> > GIF图象具有透明色彩，如果你不想让你的图像以矩形区域来显示，你可以设定一种透明色彩，这样你可以将你的图像边缘设置成任何一种形状。当你想让你网页上的背景图像或颜色透过前景图像显示出来，透明色彩就可以做到这一点。

> > GIF图像可以交错，当浏览器读入一个交错GIF图象时，浏览器可以在全部读入这个图像文件前就开始显示，这就给用户一种快速显示的感觉。由于这个原因，你应该使用交错GIF图像而不是非交错GIF图像。

> > 最后，GIF图象可以用来创建动画。你可以建立在一系列图片中循环显示的GIF图象，而不是单一的图象。

注意

GIF的发音是硬音或咝音的g。

GIF图象不是环球网上唯一使用的一种图象格式。另一种格式，静止图象专家组（JPEG）格式也是广泛使用的，使用JPEG格式的图象都有jpg的扩展名。

为什么有两种图象格式？每种格式都适用于一些特定类型的图片。

注意

JPEG的发音是“jay peg“。

通常在网页上显示照片用JPEG格式较好――JPEG适合显示有许多不同颜色的图象，这有下面的原因：

> > 与GIF不同，JPEG图象不局限于256种颜色，JPEG图象可以有上百万种色彩，当然这并不意味着所有的显示器都能显示这些颜色。

> > 第二个理由涉及到两种格式对图象数据的压缩方式。如果你用GIF格式建立了一个有许多不同颜色的图象，这个文件的大小就会比用JPEG格式创建的大得多。这一点是很重要的，因为网络浏览器总是在读入小文件时要快些。

在大部分情况下，你可以用GIF格式为你的网页创建图象，一般GIF图象比较小，调入比较快。它们还可以设定透明色彩，而JPEG则不具有这一特性。

注意

第三种图象格式现在用得还不多，但在不久的将来可能会大量使用。World Wide Web Consortium推出了PNG（发音ping）格式，作为GIF格式的替代品。GIF格式的一个问题是它不是公开的，它最初是由CompuServe开发的。虽然GIF格式是私有的，但你可以在你的网页中使用GIF图象而不用支付任何费用。