网站建设推荐使用的主要图像格式有GIF、JPG、PNG。
让我们来看一下每种格式及其最佳用途和优点。
GIF 格式
GIF 格式可能是互联网上最受欢迎的格式之一。它非常适合压缩具有大范围相同颜色的图像区域。另一个主要优点是,它提供了除 Flash 之外唯一一个用于动画图像的选项。GIF89a 格式还支持透明度和交错。
GIF 图像支持的最大颜色数为256种,这使得它们几乎适合所有图形,除了照片。减少 GIF 文件大小的最常见方法是减少调色板上的颜色数量。需要注意的是,GIF 已经内部使用 LZW 压缩方案,以尽可能缩小图像大小而不会丢失任何数据。
透明 GIF
GIF 格式还支持透明度。这非常有用,原因有很多:首先,你可以将 GIF 图像与其背景颜色隔离开来,然后使背景透明。这意味着图像将“位于”另一个背景颜色之上,并看起来像是那个合成图像的一部分。设计人员可以使用此功能将图像合并在一起,构建组件。
交错
GIF 文件中的交错功能使其网页加载更快。图像在浏览器中快速显示,尽管其质量可能较差。随着传输数据的增加,图像质量提高。需要注意的是,交错 GIF 文件通常比非交错文件大一点,所以只有在需要快速显示图像比等待更长时间、但需要全质量的情况下才使用交错。
何时使用 GIF
网站建设者通常使用 GIF 图像设计标志、线条图、大范围的单一颜色和图标。它们不适用于照片图像以及具有阴影区域和需要平滑变化颜色的图形。在创建 GIF 文件时,尽量避免使用渐变色,并在可能的情况下关闭反锯齿,以最小化文件大小。
JPEG 格式
JPEG格式支持1670万种颜色,主要用于对色调质量有重要要求的摄影图片。然而,JPEG格式存在缺点,其内部压缩算法实际上会丢失信息。这意味着在处理JPG文件时,在最终“保存”之前不要压缩或优化图片。一旦丢失,图像质量无法恢复。
渐进式JPEG
任何JPEG文件都可以保存为渐进式JPEG。这与交错式的GIF非常相似。与GIF一样,页面首次加载时会向访客展示低质量的图像,并在多次加载过程中逐步提高图像质量。一些图形编辑工具允许您指定在图像完全下载之前的加载次数。
何时使用
正如我们所言,JPEG格式适用于摄影图片以及需要比GIF的256色限制更多颜色细节的图片。
PNG格式
在图像领域出现了一个新玩家,称为PNG(发音为Ping)。PNG是为了避免GIF的限制而开发的,它也避免了与GIF相关的许可限制。PNG旨在提供GIF格式的主要功能,但提供更深的颜色深度,支持色彩深度高达24位的图像。
PNG格式不支持渐进、交错或动画,因此存在一些缺点。
`.ico`文件用于存储在网页浏览器“收藏夹”或“书签”列表中显示的图标,如果用户选择将您的网站添加为书签。
`.bmp`格式从不适用于网站。