|
|
|
|
|
|
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
