加入图象

发表于:2007-06-30来源:作者:点击数: 标签:
加入图象 Inte .net 上的网站可分成两种类型,一种使用大量的图片,一种不使用图片。一个极端的例子是象HotWired这样的网站,每一页几乎都被各种各样的图片占满了。HotWired网站的这种设计使得它有非常鲜明的特色(见图5.9)。 另一个极端的例子是如Amazon b

加入图象

Inte.net上的网站可分成两种类型,一种使用大量的图片,一种不使用图片。一个极端的例子是象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图象而不用支付任何费用。

原文转自:http://www.ltesting.net