10个网页常用图像文件类型，及其浏览器兼容性
作者:admin 时间:2023-4-18 10:14:25 浏览:关于网页上使用的图像格式，通常使用的是GIF和JPG图像，因为这两种图像不但文件体积小，而且清晰度也不错。但实际上还有一些其他格式的图像，现在也常常看到被用于网页上，例如WebP图像。
10种网页图像文件类型
在本文中，将介绍10种网页浏览器普遍支持的图像文件类型，以及它们的浏览器兼容性。也提供一些关于他们的信息与见解，帮助你为你的网站选择最合适的图像格式。
| 缩写 | 文件格式 | MIME 类型 | 文件拓展名 | 浏览器兼容性 |
|---|---|---|---|---|
| APNG | Animated Portable Network Graphics 动态便携式网络图像 | image/apng | .apng | Chrome, Edge, Firefox, Opera, Safari |
| AVIF | AV1 Image File Format AV1 图像文件格式 | image/avif | .avif | Chrome, Opera, Firefox (feature flag) |
| BMP | Bitmap file 位图文件 | image/bmp | .bmp | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
| GIF | Graphics Interchange Format 图像互换格式 | image/gif | .gif | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
| ICO | Microsoft Icon 微软图标 | image/x-icon | .ico, .cur | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
| JPEG | Joint Photographic Expert Group image 联合影像专家小组图像 | image/jpeg | .jpg, .jpeg, .jfif, .pjpeg, .pjp | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
| PNG | Portable Network Graphics 便携式网络图像 | image/png | .png | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
| SVG | Scalable Vector Graphics 可缩放矢量图形 | image/svg+xml | .svg | Chrome, Edge, Firefox, Internet Explorer, Opera, Safari |
| TIFF | Tagged Image File Format 标签图像文件格式 | image/tiff | .tif, .tiff | Safari |
| WebP | Web Picture format 万维网图像格式 | image/webp | .webp | Chrome, Edge, Firefox, Opera, Safari |
以上列举了网页上常用的10种图像文件格式，但并不是每一种都适合推荐使用，例如我们通常应该避免将 BMP 用于网站内容，因为它不是一种普遍接受的格式，它的体积实在太大。
推荐使用新型网页图像WebP
细心的朋友可能已经发现，现在WebP图像常常被用于网页上了。
WebP图片是一种新的图像格式，由Google于2010年开发。
与png、jpg相比，相同的视觉体验下，WebP图像的尺寸缩小了大约30％。
另外，WebP图像格式还支持有损压缩、无损压缩、透明和动画。理论上完全可以替代png、jpg、gif等图片格式，但是由于浏览器兼容性问题，它不支持IE，目前尚未被广泛使用。然而随着IE慢慢无人使用，它可能成为以后网页图像的最优先选择。
相关文章
相关文章
x
- 站长推荐
