现在数码相机和扫描仪都非常棒。您可以使用它们将图像添加到HTML5和CSS3网页。即使价格适中的相机现在也可以接近老派模拟相机的分辨率。扫描仪还能够将传统图像转换成电脑使用的数字格式。
但是,在这两种情况下,默认图像的格式可能会导致问题。数字图像以一系列点或 像素存储。 在印刷中,这些点非常接近,但电脑屏幕有较大的点。这个图像是直接从数码相机。
<! - 1 - >这张照片(用旧数码相机拍摄)以6百万像素(MP)进行拍摄。这是一个很好的解决方案,但现代数码相机要高得多。如果你在纸上打印这张照片,那么所有这些点都很小,而且你会得到一张不错的照片。如果您尝试在电脑屏幕上显示相同的图片,则只能看到一个角落。
<! - 2 - >这个实际的图片出来了2,816个像素宽2,112像素高。你只能看到图像的一个小角落,因为屏幕截图是在1024×768像素。不到四分之一的图像是可见的。
在大多数浏览器中查看大图时,会自动调整大小以适合页面。光标通常变成某种放大镜,如果你点击图像,你可以看到它的全尺寸或更小的尺寸。
一些图像浏览器会拍摄非常大的图像,并自动调整它们的大小以适应屏幕。 (这是Windows的默认图像查看器和大多数浏览器的默认行为。)由于此功能,图像可能显示为合理的大小,但在实际的网页中下载会非常困难。在使用之前,确保您知道图像的实际大小。
尽管缩小图像以使其可以被完全看到显然是有益的,但是还有一个更有说服力的理由。屏幕上的每个像素都需要3个字节的计算机内存。 ( 字节 是计算机内存的基本单位。)为了便于比较,文本的一个字符大约需要1个字节。
这艘船的未压缩图像重达17兆字节(MB)。如果将一个单词视为五个字符,则直接从数码相机拍摄的一张照片所占的存储空间和传输时间大致相当于3,400,000字。这张图片需要近三分钟才能在56K调制解调器上下载!
在网页中,小图像通常以320×240像素显示,较大图像通常为640×480像素。如果您使用软件将图像重新采样到实际需要的大小,并使用适当的压缩算法,则可以使图像看起来正确。
图像的新版本是需要的大小和文件格式,它看起来一样好,它的重量更合理88千字节。这是原始图像大小的2%。
虽然这张图片比原始图片小很多,但它仍然比文字占用更多的内存。即使这个较小的图像占用了1,600字的传输时间和存储空间!没有宽带连接下载需要10秒钟的时间。明智地使用图像。
图像很棒,但在使用时请注意以下几点:
-
确保图像值得显示。 不要在没有任何理由的情况下使用图片,因为每张图片都会使页面访问速度变得非常慢。
-
使用软件调整图像大小。 甚至可以使用免费软件将图像更改为您所需的大小。
-
使用压缩格式。 图像在网络上几乎从未以其本地格式使用,因为它们太大。出现了几种适用于各种类型图像的格式。