JPEG格式
特点:
- 可以表示包含多达1600万种不同颜色的图像
- 文件比较小,以便于Web页面更高效地显示
- 是一种“有损”格式,压缩文件大小时会丢掉图像的一些信息
- 不支持透明度
- 不支持动画
适用场景
最适合一些连续色调图像和复杂图像使用,如照片等。
PNG格式
特点
- png可以表示包含上百万中不同颜色的图像。PNG有3种:PNG-8,PNG-24和PNG-32,可根据需要表示多少颜色具体选择。
- 无损压缩,PNG会压缩文件来缩小文件的大小,不过不会丢掉信息。
- 支持透明度,允许将颜色设置为“透明”,使图像下面的东西可以显示出来。
- 与JPEG文件相比,PNG文件更大一些,不过取决于使用的颜色数,可能比相应的GIF文件小,也可能更大。
适用场景
PNG最适合单色图像和线条构成的图像,如logo、剪贴画和图像中的小文本。
GIF格式
特点
- GIF可以表示最多256种不同颜色的图像
- 无损格式压缩
- 支持透明度,但只允许一种颜色设置为透明。
- 支持动画
- 文件较大,一般比相应的JPEG文件大。
适用场景
GIF的适用场景与PNG类似,适合单色图像和线条构成的图像,与PNG相比GIF支持动画但仅能设置一种颜色的透明。
对比:
格式名称 | 压缩方式 | 透明度 | 动画 | 适用场景 |
---|---|---|---|---|
JPEG | 有损 | 不支持 | 不支持 | 适合一些连续色调图像和复杂图像 |
PNG | 无损 | 支持 | 不支持 | 最适合单色图像和线条构成的图像,如logo、剪贴画和图像中的小文本 |
GIF | 无损 | 仅允许设置一种颜色透明 | 支持 | 单色图像和线条构成的图像 |
本文内容参考书籍:《Head First HTML与CSS(第2版)》作者: Elisabeth Robson / Eric Freeman 出版社: 中国电力出版社